Vue Icons

Appearance

Getting Started ​

✨ Features ​

  • Tree-shaking. Only the icons you use will be included in your bundle
  • Easy to use. No need for import statement if used through resolvers with vite.
  • 70,000+ icons from popular icon sets
  • Stylable. You can change color and size of the icons
  • Built for vue3
  • Optimized with SVGO

💽 Installation ​

PNPM ​

bash
pnpm add @kalimahapps/vue-icons

NPM ​

bash
npm install @kalimahapps/vue-icons

🔧 Usage ​

vue
<template>
	<div class="button">
    	<VueIcon name="bs:calendar-4-range" /> Select Date
	</div>
</template>

<script setup>
import VueIcon from '@kalimahapps/vue-icons/VueIcon';
</script>

TIP

Check the Nuxt/Vite page for more information on how to integrate VueIcons with Nuxt and Vite.

Copyright © KalimahApps