@softicons/vue

Softicons for Vue 3 — tree-shakeable SVG icon components.
542
vue vue3 nuxt svg icons vue-icons icon-library tree-shakeable line-icons soft-icons softicons
Install
npm install @softicons/vue
Latest Version:0.2.0
Vue:3
License:MIT
Last Updated:Jun 29, 2026
Links: npm
Maintainer: harun88

@softicons/vue

npm downloads minzipped license

Tree-shakeable Vue 3 components for the Softicons icon set — 24×24, mono-line, currentColor, zero runtime dependencies.

Works with Vue 3 and Nuxt 3/4. Vue 2 / Nuxt 2 are not supported.

Install

npm i @softicons/vue
# or
pnpm add @softicons/vue
# or
yarn add @softicons/vue

Use

<script setup>
import { ArrowRightIcon, HeartIcon } from "@softicons/vue";
</script>

<template>
  <ArrowRightIcon />
  <HeartIcon :size="20" :stroke-width="1.5" color="#e06a8b" aria-label="Like" />
</template>

Or register every icon globally via the plugin:

import { createApp } from "vue";
import { Softicons } from "@softicons/vue";

createApp(App).use(Softicons).mount("#app");
Prop Type Default
size number | string 24
color string currentColor
strokeWidth number | string 1.5
aria-label string — (adds role="img", else aria-hidden)

Named imports are individually tree-shakeable, and every icon ships with types.

Links

MIT © Softicons

Related Packages

vadivam-vue

Pixel-perfect 24px outline icon components for Vue with tree-shakeable imports.

4,635 12
icon-library icons svg tree-shakeable vue vue-icons 24px icon-pack open-source outline-icons +1
@hugeicons/vue

Hugeicons Vue Component Library https://hugeicons.com

278,917 1,219
icon-library icons svg vue vue-icons hugeicons svg-icons typescript vector-icons
@devigner-ui/icons-vue

8,588 open-source icons for Vue 3: 2,147 symbols, each in outline, twotone, bold...

735 16
icon-library icons svg vue vue-icons vue3 icon-set svg-icons tree-shaking
@vezham/icons-vue

Vue icon components for Vezham.

0 0
icon-library icons tree-shakeable vue vue-icons vue3 filled outline svg-icons typescript
nuxt-icons

A Nuxt 4 module for easy SVG icons

546,420 194
icons nuxt svg vue nuxt4

Version History

Version Released Vue License
0.2.0 >=3.3 MIT
0.1.1 >=3.3 MIT
0.1.0 >=3.3 MIT