DEV Community

Cover image for Vue Unicons v2.0.0 is out 🚀🎉
Anton Reshetov
Anton Reshetov

Posted on

Vue Unicons v2.0.0 is out 🚀🎉

Hi, here!

Vue Unicons just released version 2.0.0, which traditionally has additional icons, and most importantly, the monochrome style.
Now you can set the main color, and the rest of the colors will be calculated from it.

GitHub logo antonreshetov / vue-unicons

1000+ Pixel-perfect svg icons for your next project as Vue components

logo of vue-unicons repository

1000+ Pixel-perfect svg unicons for your next project as Vue components

Supporting

Vue Unicons is open source project and completely free to use.

If you like the project, you can donate to support the development via the following methods:

Donate via Patreon Donate via PayPal Donate via Bitcoin

Demo

https://antonreshetov.github.io/vue-unicons

Developed with love for developers

A simple way to add the necessary icons and install them.

demo

Install

NPM

Installing with npm is recommended and it works seamlessly with webpack.

npm i vue-unicons
Enter fullscreen mode Exit fullscreen mode

Download

You can download latest version from the Github: Download

Quick start

Global

To use in your project:

  1. Import vue-unicons
  2. Grab the icons you want and add then into Unicon library
  3. Install Unicon into Vue

main.js

Vue 3

import { createApp } from 'vue'
import App from './App.vue'
import Unicon from 'vue-unicons'
import { uniLayerGroupMonochrome, uniCarWash } from 'vue-unicons/dist/icons'
Unicon.add([uniLayerGroupMonochrome, uniCarWash])
createApp(App).
…
Enter fullscreen mode Exit fullscreen mode

demo

Enjoy!

Top comments (0)