Toggle menu
Radix IconsIcons
Browse 332 free Radix Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by WorkOS. Styles: Precise Shapes, Has Padding.
Copy & download Radix Icons icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install@radix-ui/react-iconsand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About Radix Icons
Pack Details
Version
1.3.2
Color Support
Monochrome
Category
UI Other / Mixed Grid
In 1 collection
How to use Radix Icons icons
Icon Set Version
v1.3.2
Package
@radix-ui/react-icons
License SPDX
MIT
Grid Size
15px
Sample Icons
width, checkbox, code
Install
npm install @radix-ui/react-iconsReact
import { MagnifyingGlassIcon, HomeIcon, GearIcon } from '@radix-ui/react-icons';
export default function App() {
// Radix Icons are 15px, scale via CSS width/height
return <MagnifyingGlassIcon width={20} height={20} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="radix-icons:icon-name" width="24"></iconify-icon>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="radix-icons:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh Oct 18, 2026
@radix-ui/react-icons
Radix UI React Icon Set
License
MIT
Weekly downloads
3.3M
Monthly downloads
22.9M
Total downloads
216.8M
Unpacked size
3.3 MB
Last published
Nov 14, 2024
Registry updated
Apr 14, 2026
Radix Icons version history
Radix Icons has not published a new npm release in over a year. The latest version, v1.3.2, was released on Nov 14, 2024.
| Version | Released |
|---|---|
| v1.3.2 | Nov 14, 2024 |
| v1.3.1 | Oct 30, 2024 |
| v1.3.0 | Mar 21, 2023 |
| v1.2.0 | Feb 17, 2023 |
| v1.1.1 | May 5, 2022 |
| v1.1.0 | Feb 21, 2022 |
| v1.0.3 | Apr 13, 2021 |
| v1.0.2 | Feb 16, 2021 |
| v1.0.1 | Jan 15, 2021 |
| v1.0.0 | Jan 13, 2021 |
Source: npm registry data for @radix-ui/react-icons, refreshed weekly.
Frequently Asked Questions
Is Radix Icons free for commercial use?
What design system are Radix Icons part of?
How do I use Radix Icons in React?
npm install @radix-ui/react-icons, then: import { MagnifyingGlassIcon } from "@radix-ui/react-icons";.