Icons
345Icons
MITLicense
OutlineStyle
15×15Grid

Radix Icons

345 MIT-licensed outline icons on a 15×15 grid. The icons are pixel-snapped to the 15×15 grid, so they render crisply at their intended size without the blurring that comes from scaling a 24px drawing down to 15px.

Browse Radix icons by category Compare libraries

About Radix Icons

What Radix is

Radix Icons is a deliberately small set of 345 icons from the Radix UI team, drawn on a 15×15 grid. That grid is the whole point: Radix icons are designed to sit inside dense product interfaces — tables, toolbars, context menus, and form controls — where a 24×24 icon would force you to loosen your spacing.

The icons are pixel-snapped to the 15×15 grid, so they render crisply at their intended size without the blurring that comes from scaling a 24px drawing down to 15px. They are built to sit next to Radix Primitives, but they are plain SVG components and work anywhere.

IconStash indexes the complete Radix Icons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.

Install and use Radix

React

npm install @radix-ui/react-icons

The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any Radix icon on IconStash and the Code tab shows that icon's exact import statement and JSX.

Plain SVG and other frameworks

You do not have to install anything. Every Radix page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.

IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.

When to choose Radix

Good fit

Dense product UI: data tables, command palettes, context menus, settings panels, and anywhere you need an icon to occupy as little space as possible while staying legible.

Consider alternatives

The 345-icon count is small, so you will hit gaps quickly in a large product. Heroicons also ships a drawn 16px size with many more icons; Lucide covers far more concepts at 24×24.

Licensing

MIT. The full set is free for commercial use, including inside proprietary products, with no attribution required.

Radix compared to other libraries

Popular Radix icons

Browse Radix by category

Frequently asked questions

What is Radix Icons?

Radix Icons is a deliberately small set of 345 icons from the Radix UI team, drawn on a 15×15 grid. That grid is the whole point: Radix icons are designed to sit inside dense product interfaces — tables, toolbars, context menus, and form controls — where a 24×24 icon would force you to loosen your spacing.

Is Radix Icons free for commercial use?

Yes. Radix Icons is released under the MIT license, which permits unrestricted commercial use, modification, and distribution. No attribution is required, though it is appreciated. This makes Radix one of the safest icon libraries to use in commercial SaaS products, client work, and proprietary applications.

How do I use Radix icons in React?

Install the package with npm install @radix-ui/react-icons, then import icons as components. Every Radix page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.

Can I download Radix icons as PNG?

Yes. Open any Radix icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.

Why is the Radix Icons grid 15×15?

Because the set is built for dense product interfaces where icons sit inside 20–24px hit targets alongside small text. Drawing at 15×15 rather than scaling a 24×24 icon down keeps every stroke on a pixel boundary, so the icons stay crisp at the size they are actually used.

Do I need to use Radix Primitives to use these icons?

No. Radix Icons ship as standalone React components and plain SVG, and they work in any framework or in raw HTML. They were designed to sit comfortably beside Radix Primitives components, but there is no dependency in either direction.

Explore other icon libraries