55000+ SVG Icons For Vue Apps – VueIcons

Install & Download:

# Yarn
$ yarn add @kalimahapps/vue-icons
# NPM
$ npm i @kalimahapps/vue-icons

Description:

Yet another Vue icon library that enables developers to use 55,000+ SVG icons as components in the next project.

Icon Packs Included:

  • bootstrap-icons
  • codicons
  • feather
  • font-awesome
  • healthicons
  • hero
  • iconoir
  • ionicons
  • line-awesome
  • majesticons
  • mingcute
  • octicons
  • remix
  • themify
  • typicons
  • vscode

Basic usage:

1. Import an icon from an icon pack of your choice.

import { BsCalendar4Range } from '@kalimahapps/vue-icons/bs';
export default {
  components: {
    BsCalendar4Range 
  }
};

2. Use the icon as a component in your app.

<template>
  <div class="button"><BsCalendar4Range /> Select Date</div>
</template>

Preview:

55000+ SVG Icons For Vue Apps

Changelog:

v1.4.0 (05/11/2023)

  • Bugfixes
Tags:

Add Comment