---
title: "Iconiverse Vue"
seoTitle: "Iconiverse Vue npm Package — Installation & Usage"
description: "Vue 3 SVG icon components with customizable size, color and direct icon imports."
date: "2026-10-24T12:00:00.000Z"
url: "https://www.npmjs.com/package/@plusuidesign/iconiverse-vue"
thumbnail: "/images/websites/iconiverse-dev.webp"
imageAlt: "Iconiverse Vue developer library website"
tagline: "Vue 3 SVG icon components with customizable size, color and direct icon imports."
packageName: "@plusuidesign/iconiverse-vue"
packageVersion: "0.1.4"
packageFramework: "Vue"
category: ["npm packages"]
tags: ["npm", "Vue", "SVG icons", "developer tools", "@plusuidesign/iconiverse-vue"]
---

Use Iconiverse in Vue 3 with named component imports or individual icon modules. The package includes ESM and CommonJS entry points with TypeScript declarations.

## Install

```bash
npm install @plusuidesign/iconiverse-vue
```

Or use your preferred package manager:

```bash
pnpm add @plusuidesign/iconiverse-vue
yarn add @plusuidesign/iconiverse-vue
```

## Basic usage

```vue
<script setup>
import { HeartFilled } from "@plusuidesign/iconiverse-vue";
</script>

<template>
  <HeartFilled :size="32" color="#8b5cf6" aria-label="Favorite" />
</template>
```

## Compatibility

Vue 3.3 or later within Vue 3, as declared by the published package. The version checked for this page is **0.1.4**. The [npm package page](https://www.npmjs.com/package/@plusuidesign/iconiverse-vue) lists the latest release, README and full API.

## Explore the library

[Try the Iconiverse playground](https://iconiverse.dev/) to preview icons and generate framework examples. [Browse the icon library](https://iconiverse.app/).

[Explore the related website](/websites/iconiverse-dev/), or [browse all Plus UI npm packages](/npm-packages/).