terrymooreii/vue-zondicons

Vue.js component for accessing Zondicon svg icons

vue-zondicons

Easily add Zondicon icons to your vue web project

Installation

npm install --save vue-zondicons

To Use

In your main.js Vue file add the following

import Zondicon from 'vue-zondicons';

Vue.component('Zondicon', Zondicon);

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

vue-zondicons's Issues

Will this work on nuxt?

I can't get this package working on nuxt, are there any special requirements?

How can change text color?

I am using tailwind css but i can't change the text color with fill-content text-white

vue3.0 support?

does it surpport vue3?