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

Bring filled and outlined Iconiverse icons into React interfaces. Set size and color through component props and use SVG attributes for styling and accessibility.

## Install

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

Or use your preferred package manager:

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

## Basic usage

```tsx
import { HeartFilled } from "@plusuidesign/iconiverse-react";

export default function Example() {
  return <HeartFilled size={32} color="#8b5cf6" aria-label="Favorite" />;
}
```

## Compatibility

React 16.8, 17, 18 or 19, 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-react) 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/).