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.
React
pnpm add runeicons-reactVue
pnpm add runeicons-vueSvelte
pnpm add runeicons-svelteAstro
pnpm add runeicons-astroReact Native
npm install runeicons-react-nativeFlutter
flutter pub add runeiconsJavaScript
pnpm add runeiconsVS Code
Rune Icons: Insert IconFigma
Import plugin from manifestMCP
npx -y runeicons-mcpThe logos you reach for
1,125 brand logos for the tools developers and designers use every day. Copy or download any of them as SVG, with its license and a link to the official brand guidelines.
Logos are trademarks of their owners, shown for identification only, and are not covered by our Apache 2.0 license.
Frequently 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.

