webpack-svgstore weekly downloads statistics

[![npm][npm]][npm-url] [![node][node]][node-url] [![install size][size]][size-url] [![semantic-release][semantic-release]][semantic-release-url]

webpack-svgstore

Combine svg files into one with elements. Read more about this in CSS Tricks article. This plugin was built for Webpack 5. It takes some ideas from webpack-svgstore-plugin and gulp-svgstore.

Install

Using npm:

Using yarn:

Usage

1. Require the plugin in your webpack.config.js file

2. Add the sprites loader in your code

3. HTML code for using your icons

HTML:

JSX:

Plugin Options

| Name | Type | Default | Description |

| path | {String} | /**/*.svg | This option determines the path to the svg files that are going to be included in the sprites file. | | fileName | {String} | svg-sprites.svg | This option determines the name of the resulting sprites file. | | inlineSvg | {Boolean} | false | This option determines if the output should only contain the element without and DOCTYPE to use inline. | | removeViewBox | {Boolean} | false | Allows removing the viewBox attribute from each element. | | prefix | {String} | icon- | This option determines the prefix of each symbol's id . |

License

NPM package available here: webpack-svgstore

MIT © David Bergmann