Install & Download:
# Yarn
$ yarn add @kalimahapps/vue-icons
# NPM
$ npm i @kalimahapps/vue-iconsDescription:
Yet another icon component library that allows you to use 60,000+ icons from popular icon sets in your Vue 3 applications.
See Also:
Icon Sets Included:
| Icon Set | Prefix | License | Version | Count |
|---|---|---|---|---|
| FontAudio | ad | MIT | 1.1 | 155 |
| Academicons | ai | SIL OFL 1.1 | 1.9.3 | 149 |
| Akar | ak | MIT | 1.9.14 | 437 |
| Ant Design | an | MIT | 4.2.1 | 789 |
| Bootstrap Icons | bs | MIT | 1.10.3 | 1851 |
| Boxicons | bx | CC 4.0 | 2.1.4 | 1632 |
| Carbon | ca | Apache-2.0 | 11.25.0 | 1849 |
| Charm Icons | ch | MIT | 0.18.0 | 261 |
| CoolIcons | cl | CC 4.0 | 4.1 | 442 |
| Bytesize | by | MIT | 1.4 | 101 |
| Circum | ci | MPL-2.0 | 2.0.0 | 285 |
| Codicons | cd | MIT | 0.0.32 | 422 |
| Core UI Icons | co | CC 4.0 | 3.0.1 | 1569 |
| css.gg | cg | MIT | 2.0.0 | 704 |
| Devicons | de | MIT | 2.15.1 | 784 |
| FluentUI System | fl | MIT | 1.1.186 | 4285 |
| Font Awesome | fa | CC BY 4.0 | 6.3.0 | 2016 |
| Feather | fe | MIT | 4.29.0 | 287 |
| GitLab | gl | MIT | 3.31.0 | 388 |
| Govicons | gv | SIL OFL 1.1 | 1.6.0 | 136 |
| Healthicons | he | MIT | 0.1.0 | 1154 |
| Hero | hi | MIT | 2.0.16 | 584 |
| Humble Icons | hu | MIT | 1.9.0 | 235 |
| Jamicons | ja | MIT | 3.1.0 | 940 |
| Iconoir | ic | MIT | 6.5.0 | 1209 |
| IonIcons | io | MIT | 7.1.0 | 1332 |
| Line Awesome | la | MIT | 1.2.1 | 1544 |
| Linearicons | li | CC BY-SA 4.0 | – | 170 |
| Lucide | lu | ISC | 0.127.0 | 909 |
| Majesticons | mi | MIT | 2.1.2 | 760 |
| Maki | ma | CC0 1.0 Universal | 8.0.0 | 211 |
| Material Design | md | Apache-2.0 | 4.0.0 | 10750 |
| MingCute | mc | Apache-2.0 | 2.7 | 1346 |
| Octicons | oc | MIT | 18.3.0 | 241 |
| OpenWeb | ow | SIL Open Font License | 1.6.3 | 115 |
| Phosphor | ph | MIT | 2.0.2 | 7488 |
| Pixelarticons | px | MIT | 1.7.0 | 480 |
| Prime Icons | pr | MIT | 6.0.1 | 260 |
| Quill | qu | MIT | 1.0.0 | 133 |
| Radix | ra | MIT | 1.3.0 | 318 |
| Remix | re | Apache 2.0 | 2.5.0 | 2271 |
| Simple Icons | si | CC0 1.0 | 8.8.0 | 2402 |
| System UIcons | su | Unlicense | – | 430 |
| Tabler | ta | MIT | 2.11.0 | 2907 |
| Themify | th | SIL Open Font License (OFL) | 1.0.1 | 352 |
| Typicons | ti | CC BY-SA 4.0 | 2.1.2 | 336 |
| Unicons | un | IconScout Simple License | 3.0.0 | 1206 |
| uiw icons | ui | MIT | 2.6.7 | 214 |
| VSCode | vs | MIT | 12.2.0 | 1180 |
| Weather Icons | wi | SIL OFL 1.1 | 2.0.10 | 219 |
| Total | 60238 |
How to use it:
1. Import an icon component.
import { AdDuplicate } from "@kalimahapps/vue-icons";2. Use the icon component in the template.
<template>
<div class="button">
<AdDuplicate /> Duplicate
</div>
</template>Preview:
