vue-zondicons
Easily add Zondicon icons to your vue web project
Installation
npm install --save vue-zondicons
To Use
Browse Zondicons on the Zondicon website then add the name of the icon to the icon
attribute
<Zondicon icon="arrow-left" />
You can also pass css classes to the Zondicon svg
element
Note: fill-content
and text-red
are from the Tailwinds CSS library and vue-zondicons
doesnt come with any css.
<Zondicon icon="arrow-left" class="fill-current text-red"/>
Note
The icon filter
has been changed to filter-icon
since filter
is a registered keyword in Vuejs and will throw errors.
Project setup
npm install
Development setup
clone this repo
npm install # Install dependancies ./scripts/make-icons.sh # download zondicons from zondicon repo and generate vue components npm build # Build package for npm npm publish
Pull Request
Pull Requests are always welcome :)
License: MIT