Modern icon
system for productsMMooddeerrnn iiccoonnssyysstteemm ffoorr pprroodduuccttss
Rune Icons now includes 0+0+ modern icons for your products.
Modern icon system for productsMMooddeerrnn iiccoonnssyysstteemm ffoorr pprroodduuccttss
One glyph, five moods: outline, duotone, fill, pixel, and glass. Tune it in your browser, paste it as SVG or JSX.
BUILDLAUNCHRE-LAUNCH
shield-checkoutline
24 × 24
16 anchors · 2px stroke
outlineduotonefillpixelatedglass
Arrow Down Left
Arrow Down Right
Arrow Down To Line
Arrow Down
Arrow Left Right
Arrow Left
Arrow Right
Arrow Up Down
Arrow Up From Line
Arrow Up Left
Arrow Up Right
Arrow Up
Chevron Down
Chevron Left
Chevron Right
Chevron Up
Corner Down Right
Move
Rotate Ccw
Rotate Cw
Skip Forward
Step Back
Unfold Horizontal
Unfold Vertical
Braces
Five styles, one libraryFFiivvee ssttyylleess,, oonnee lliibbrraarryy
Outline, duotone, fill, pixel, glass. The same glyph, drawn five ways.
NormalClean strokes for everyday UI.
Edit in the browserEEddiitt iinn tthhee bbrroowwsseerr
Grab a point, drag it, watch the path bend. No Figma round-trip.
Snaps to your gridSSnnaappss ttoo yyoouurr ggrriidd
Built on a 24px grid so nothing lands half a pixel off.
1.5
Size16
Tune every detailTTuunnee eevveerryy ddeettaaiill
Stroke, size, color, motion. Dial each icon in until it fits.
Drawn by handDDrraawwnn bbyy hhaanndd
Every curve was placed on purpose. They stay sharp at any size.
Packages
One set, every platformOOnnee sseett,, eevveerryy ppllaattffoorrmm
The same 900+ icons in all five styles, packaged for the tools you already use. Nothing is fetched at runtime.
Coming soonReactpnpm add runeicons-react
Coming soonVuepnpm add runeicons-vue
Coming soonSveltepnpm add runeicons-svelte
Coming soonAstropnpm add runeicons-astroComing soonReact Nativenpm install runeicons-react-native
Coming soonFlutterflutter pub add runeicons
Coming soonJavaScriptpnpm add runeicons
Coming soonVS CodeRune Icons: Insert Icon
Coming soonFigmaImport plugin from manifest
Coming soonMCPnpx -y runeicons-mcp
FAQ
Frequently asked questionsFFrreeqquueennttllyy aasskkeeddqquueessttiioonnss
Can’t find what you’re looking for? Ask us on X and we’ll get back to you.
###
01What formats are the icons available in?
Optimized 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.OOppttiimmiizzeedd SSVVGG,, pplluuss RReeaacctt aanndd VVuuee ccoommppoonneennttss.. EEaacchh oonnee iiss ttrreeee\-\-sshhaakkeeaabbllee,, ssoo iimmppoorrttiinngg aa ssiinnggllee iiccoonn ddooeess nnoott ddrraagg tthhee wwhhoollee sseett iinnttoo yyoouurr bbuunnddllee..
###
02Can I customize the icon size and color?
###
03Is Rune Icons free to use commercially?
###
04How do I request a new icon?