---
title: "Iconiverse Svelte"
seoTitle: "Iconiverse Svelte npm Package — Installation & Usage"
description: "Iconiverse SVG components for Svelte 4 and 5 applications."
date: "2026-10-24T12:00:00.000Z"
url: "https://www.npmjs.com/package/@plusuidesign/iconiverse-svelte"
thumbnail: "/images/websites/iconiverse-dev.webp"
imageAlt: "Iconiverse Svelte developer library website"
tagline: "Iconiverse SVG components for Svelte 4 and 5 applications."
packageName: "@plusuidesign/iconiverse-svelte"
packageVersion: "0.1.2"
packageFramework: "Svelte"
category: ["npm packages"]
tags: ["npm", "Svelte", "SVG icons", "developer tools", "@plusuidesign/iconiverse-svelte"]
---

Add filled and outlined Iconiverse components to a Svelte application. Keep icon sizes and colors consistent across your interface using component props.

## Install

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

Or use your preferred package manager:

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

## Basic usage

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

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

## Compatibility

Svelte 4 or 5, as declared by the published package. The version checked for this page is **0.1.2**. The [npm package page](https://www.npmjs.com/package/@plusuidesign/iconiverse-svelte) 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/).