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.
More SVG Icons
accessibility
activity-log
align-baseline
align-bottom
align-center-horizontally
align-center-vertically
align-left
align-right
align-top
all-sides
angle
archive
arrow-bottom-left
arrow-bottom-right
arrow-down
arrow-left
arrow-right
arrow-top-left
arrow-top-right
arrow-up
aspect-ratio
avatar
backpack
badge
bar-chart
bell
blending-mode
bookmark
bookmark-filled
border-all
border-bottom
border-dashed
border-dotted
border-left
border-none
border-right
border-solid
border-split
border-style
border-top
border-width
box
box-model
button
calendar
camera
card-stack
card-stack-minus
card-stack-plus
caret-down
caret-left
caret-right
caret-sort
caret-up
chat-bubble
check
check-circled
checkbox
chevron-down
chevron-left
chevron-right
chevron-up
circle
circle-backslash
clipboard
clipboard-copy
clock
code
codesandbox-logo
color-wheel
column-spacing
columns
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 Sep 27, 2026
@radix-ui/react-icons
Radix UI React Icon Set
License
MIT
Weekly downloads
6M
Monthly downloads
19.7M
Total downloads
190.3M
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";.