svg-wc-icons

svg-wc-icons

svg-wc-icons is a tool to convert svg icons (auto generated) into reusable web components

Installation

Use the node package manage to install svg-wc-icons.

npm install -g svg-wc-icons

Usage

#basic usage
svg-wc-icons --src './src' --dest './dist'

#use external svgo json config
svg-wc-icons --src './src' --dest './dist'  --svgoConfig './svgo.config.json'

#use custom prefix in generated webcomponents based icons
svg-wc-icons --src './src' --dest './dist' --prefix myCompany

Using generated web components in our project

activity-icon {
 color: red;
 font-size: 24px;
}

<script type="module" src="./dist/activity_icon.js"></script>
<activity-icon />

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT