Easily add Zondicon icons to your vue web project.
npm install --save vue-zondicons
To add an icon convert the icon name listed on the Zondicon website from hypen case to Pascalcase
ie. To use the Zondicon
arrow-left you would convert it to
<Zondicon icon="ArrowLeft" />
You can also pass css classes to the Zondicon
text-red are from the Tailwinds CSS library and
vue-zondicons doesnt come with any css.
import Zondicon from 'vue-zondicons' <Zondicon icon="ArrowLeft" class="fill-current text-red"/>
filter has been changed to
filter is a registered keyword in Vuejs and will throw errors.
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