Skip to content
Submit Library
Library
UI Components

@iconify-icon/react

Iconify component package relevant through React compatibility and web components.

Works with preact/compatActive

Works with preact/compat

Works with Preact through preact/compat and the standard Vite alias configuration.

Package@iconify-icon/react

Facts at a glance
Preact compatibility
Works with preact/compat
Tested Preact versions
Not documented
TypeScript
Native TypeScript
SSR
SSR supported
Maintenance
Active
License
Not documented
Last verified
Not yet verified
Terminal
npm install @iconify-icon/react
vite.config.ts
resolve: {  alias: {    react: "preact/compat",    "react-dom/test-utils": "preact/test-utils",    "react-dom": "preact/compat",    "react/jsx-runtime": "preact/jsx-runtime",  },}
Preact example
export function Example() {  return <section>@iconify-icon/react can be evaluated inside a Preact component.</section>;}

Known limitations

  • PreactHub still needs project-specific verification notes for versions, bundle impact and edge cases.

Introduction

@iconify-icon/react is tracked in PreactHub because it is relevant for Preact applications, migrations, ecosystem comparisons or adjacent tooling.

Preact configuration

Use the React-facing package with `preact/compat` aliases and verify hooks or context-heavy usage in your app.

SSR notes

The library can participate in SSR-oriented workflows when browser-only APIs are guarded.

Islands notes

@iconify-icon/react can be used from interactive islands as long as initialization is scoped to the island root and cleaned up when necessary.