# @kalimahapps/vue-icons

> 70,000+ SVG icons of popular icon sets that you can add seamlessly to vue projects

Latest version **1.9.7** (published 2026-08-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install @kalimahapps/vue-icons
pnpm add @kalimahapps/vue-icons
yarn add @kalimahapps/vue-icons
bun add @kalimahapps/vue-icons
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types; large bundle.

## Facts

| | |
|---|---|
| Version | 1.9.7 |
| Published | 2026-08-04 |
| First published | 2022-03-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Node | >=20.0.0 |
| Dependencies | 5 |
| Unpacked size | 57.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 70 |
| Author | khr2003 |
| Maintainers | khr2003 |
| Keywords | icons, vue, vue3, vite, font-awesome, line-awesome, feather icons, remix icon, bootstrap icons, octicons, heroicons, ionicons, typeicons, themify icons, health icons, vscode icons, ant design, material design, jamicons, tabler icons, boxicons, simple icons, fluent ui system, phosphor icons, carbon icons, weather icons, mingcute icons, iconoir, medical icons |

## Links

- npm: https://www.npmjs.com/package/@kalimahapps/vue-icons
- Repository: https://github.com/kalimahapps/vue-icons
- Homepage: https://vue-icons.kalimah-apps.com/
- Issues: https://github.com/kalimahapps/vue-icons/issues
- npm.io page: https://npm.io/package/@kalimahapps/vue-icons

## Dependencies (5)

- [svg-parser](https://npm.io/package/svg-parser.md) ^2.0.4
- [change-case](https://npm.io/package/change-case.md) ^5.4.4
- [magic-string](https://npm.io/package/magic-string.md) ^0.30.17
- [vue-eslint-parser](https://npm.io/package/vue-eslint-parser.md) ^10.2.0
- [@typescript-eslint/parser](https://npm.io/package/@typescript-eslint/parser.md) ^8.39.0

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 1.9.7 (latest) — 2026-08-04
- 1.9.6-rc.1 (next) — 2026-02-01
- 1.9.6 — 2026-05-14
- 1.9.6-rc.0 — 2026-01-31
- 1.9.5 — 2025-10-16
- 1.9.4 — 2025-10-16
- 1.9.3 — 2025-10-16
- 1.9.2 — 2025-09-21
- 1.9.1 — 2025-09-20
- 1.9.0 — 2025-09-20
- 1.8.1 — 2025-05-18
- 1.8.0 — 2025-05-18
- 1.7.1 — 2024-06-22
- 1.7.0 — 2024-06-20
- 1.6.0 — 2024-06-20
- … 39 more at https://npm.io/package/@kalimahapps/vue-icons/versions

## README

<p align="center">
<img src="https://raw.githubusercontent.com/kalimah-apps/vue-icons/master/logo.svg" width="120" alt="Vue Icons">

<a href="https://vue-icons.kalimah-apps.com">
<h2 align="center">VueIcons</h2>
</a>
</p>

<p align="center">
70,000+ SVG icons from popular icon sets that you can add seamlessly to your vue projects
</p>

<p align="center">
<a target="_blank" href="https://www.npmjs.com/package/@kalimahapps/eslint-config">
  <img src="https://img.shields.io/badge/ESLint%20Config-kalimahapps-blue">
</a>
<a target="_blank" href="https://www.npmjs.com/package/@kalimahapps/vue-icons">
  <img src="https://img.shields.io/npm/v/@kalimahapps/vue-icons.svg">
</a>
<a target="_blank" href="https://www.npmjs.com/package/@kalimahapps/vue-icons">
  <img src="https://img.shields.io/npm/dt/@kalimahapps/vue-icons.svg">
</a>
<img src="https://img.shields.io/badge/vue-3-%2342b883">
</p>
<p align="center">
<a target=_blank href="https://twitter.com/KalimahApps">
  <img src="https://img.shields.io/twitter/follow/KalimahApps?style=for-the-badge">
</a>
</p>
<br>


## ✨ 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
- MCP Server to integrate into your client (through a seprate package)
- VSCode Extension for auto-completion and preview

<br>
<br>

<h2 align="center">
<a href="https://vue-icons.kalimah-apps.com/">Icons Demo & Documentation</a>
</h2>
<br>
<br>

## ⚖️ License

This project is licensed under the MIT License.

For each icons set, please check the icon project licenses accordingly.

<br>
<br>

## 🙏 Acknowledgement

This project was inspired by the [React Icons](https://react-icons.github.io/react-icons/) package.

---
_Source: https://npm.io/package/@kalimahapps/vue-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._