vue-zondicons

Vue component to easily add Zondicon icons to your project
2,317 19
vue vuejs svg icons icon css sass less zondicon zondicons tailwindscss tailwinds
Install
npm install vue-zondicons
Latest Version:0.1.10
Vue:2
License:MIT
Last Updated:Dec 7, 2018
Links: GitHub  ·  npm
Maintainer: terrymooreii

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.

  import Zondicon from 'vue-zondicons'

  <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

Related Packages

@twirapp/vite-plugin-svg-spritemap

Generates symbol-based SVG spritemap from all .svg files in a directory

2,019 123
css icons less sass svg scss spritemap sprites stylus symbols +3
@64mb/gravity-ui-icons-vue

Pack of Gravity UI icons for Vue

2,046 1
icon icons svg vue
@ycloud-web/icons-vue

A YCloud icon library package for Vue applications.

4,573 0
icon icons svg vue ycloud
@opudoc/opicon-vue

An Opicon icon library package for Vue applications.

1,435 1
icon icons svg vue opicon
nuxt3-svg-icons

A simple module to implement your own svg icons in nuxt3.

849
icon icons svg vue nuxt

Version History

Version Released Vue License
0.1.10 ^2.5.17 MIT
0.1.9 ^2.5.17 MIT
0.1.8 ^2.5.17 MIT
0.1.7 ^2.5.17 MIT
0.1.6 ^2.5.17 MIT