iyashpal / iconoir-vue

A Simple and Definitive Open-Source Icons Vue Library for Iconoir.

Vue Iconoir Icons

Iconoir is an open-source library with 1k+ unique SVG icons. No premium icons, no email sign-up, no newsletters. You can browse the full suite of icons at iconoir.com.

iconoir-vue is an open source package that exports these icons as Vue.js components that can be used in all of your Vue projects.

Installation

yarn add iconoir-vue

or

npm i iconoir-vue

Usage

Example usage:

// Composition API

<script setup>
    import { Github } from 'iconoir-vue/regular'
    import { AdobePhotoshop  } from 'iconoir-vue/solid'
</script>

<template>
    <div>
        <Github class="w-5 h-5" />
        <AdobePhotoshop class="w-5 h-5" />
    </div>
</template>

// Option API

<script>
    import { Github } from 'iconoir-vue/regular'
    import { AdobePhotoshop  } from 'iconoir-vue/solid'
    export default {
        components : {
            Github,
            AdobePhotoshop,
        } 
    }
</script>

<template>
    <div>
        <Github class="w-5 h-5" />
        <AdobePhotoshop class="w-5 h-5" />
    </div>
</template>