Radix Icons

SVG icon set designed for clarity and consistency in React applications. Icons are published as individual React components with tree-shakable imports, so only used icons are bundled. The 15×15 grid delivers a crisp, uniform look across typography, arrows, objects, design elements, and common UI patterns.

Radix Icons is part of the Radix UI ecosystem, made by WorkOS, and pairs naturally with Radix Primitives used by Node.js, Vercel, CodeSandbox, Linear, and Supabase. Unlike generic icon libraries, it shares the same design philosophy as Radix Primitives—unstyled, accessible, and composable—so icons blend seamlessly into apps built with Radix components. MIT-licensed with no attribution required.

Key capabilities:

• Individual React components via @radix-ui/react-icons with per-icon imports for minimal bundle size
• Raw SVG source available for download or use in non-React projects
• Figma community file for design handoff and consistency across product and engineering
• Categories spanning typography, music, arrows, objects, components, alignment, and abstract shapes
• 15×15 pixel grid for predictable sizing and spacing in UIs

Use cases include design systems, admin dashboards, documentation sites, and any React app that needs consistent, accessible icons. Developers using Radix Primitives often pair Radix Icons for visual alignment and shared conventions. Works with standard CSS for color and size, and fits into build pipelines with Vite or webpack via the npm package.