vue-tailwind-icons

Introduction

A simple package that wraps up some SVG icon sets into an easy to use Vue wrapper.

Heroicons and Zondicons originally made by Steve Schoger and Adam Wathan.

While these can be used with any UI framework, they work great with TailwindCSS.

Installation

Install using npm

# install it via npm
npm install vue-tailwind-icons --save

Install using yarn

# install it via yarn
yarn add vue-tailwind-icons

---

Usage

It is simple. couple of lines all what you need.

// register the plugin on vue
import VIcon from 'vue-tailwind-icons';

Vue.use(VIcon)

// you can also set the default icon set, check below for set names
Vue.use(VIcon, { set: 'outline' })

// you can call it like this in your template
<icon name="plus-circle" class="w-6 h-6" />

Icons sets

• outline
• solid
• zondicons

License

Vue Tailwind Icons is open-sourced software licensed under the MIT license.

Credits

• Inspired and developed from blade-icons by Dries Vints.
• Heroicons made by Steve Schoger and Adam Wathan
• Zond Icons made by Steve Schoger and Adam Wathan