Modern icon system for products
One glyph, five moods: outline, duotone, fill, pixel, and glass. Tune it in your browser, paste it as SVG or JSX.
16 anchors · 2px stroke
Five styles, one library
Outline, duotone, fill, pixel, glass. The same glyph, drawn five ways.
Edit in the browser
Grab a point, drag it, watch the path bend. No Figma round-trip.
Snaps to your grid
Built on a 24px grid so nothing lands half a pixel off.
Tune every detail
Stroke, size, color, motion. Dial each icon in until it fits.
Drawn by hand
Every curve was placed on purpose. They stay sharp at any size.
One set, every platform
The same 900+ icons in all five styles, packaged for the tools you already use. Nothing is fetched at runtime.
Coming soonReact
pnpm add runeicons-react
Coming soonVue
pnpm add runeicons-vue
Coming soonSvelte
pnpm add runeicons-svelte
Coming soonAstro
pnpm add runeicons-astroComing soonReact Native
npm install runeicons-react-native
Coming soonFlutter
flutter pub add runeicons
Coming soonJavaScript
pnpm add runeicons
Coming soonVS Code
Rune Icons: Insert Icon
Coming soonFigma
Import plugin from manifest
Coming soonMCP
npx -y runeicons-mcpFrequently asked questions
Can’t find what you’re looking for? Ask us on X and we’ll get back to you.
Contact usOptimized SVG, plus React and Vue components. Each one is tree-shakeable, so importing a single icon does not drag the whole set into your bundle.