@unger1984/webpack-svgstore weekly downloads statistics

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

@unger1984/webpack-svgstore

This package is a modification of the original package from David Bergmann

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

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 © Unger Andrey

Description from the npm listing.