Icons — React

Reusable SVG icon components (Tabler Icons and Devicons) with interactive card grid

Icons

Reusable SVG icon components (Tabler Icons and Devicons) with interactive card grid

Same BEM classes and behavior as Astro, Svelte, and Vue.

Add this component

The command below includes <strong>Icons</strong>—run it in your project directory to install this component (and the CSS if needed). No prompts.

Choose your package manager — click a tab to select, then copy the command.

npm pnpm yarn bun

Live examples

React
Icon 1
Icon 2
Icon 3

Usage

Usage

Full example for each framework (Astro, Vanilla, Svelte, Vue, React). Switch framework via View as or by clicking a Usage tab—both stay in sync.

Astro Vanilla Svelte Vue React

Other frameworks: Astro · Vanilla · Svelte · Vue