Radix Icons
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.
332 icons • UI Other / Mixed Grid • 15px
About Radix Icons
Pack Details
Version
1.3.2
v1.3.2
Color Support
Monochrome
Category
UI Other / Mixed Grid
Collections
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
bash
npm install @radix-ui/react-iconsReact
tsx
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
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
tsx
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 Mar 26, 2026
@radix-ui/react-icons
Radix UI React Icon Set
v1.3.2
Score 31%
Popularity 9%
Quality 52%
Maintenance 33%
License
MIT
Weekly downloads
3.6M
Monthly downloads
14.5M
Total downloads
120M
Unpacked size
3.3 MB
Last published
Nov 14, 2024
Registry updated
Dec 24, 2025
Frequently Asked Questions
Yes. Radix Icons are MIT licensed and free for commercial use.
Radix Icons are designed by the WorkOS team and optimized for use with Radix UI and shadcn/ui component libraries. They use a precise 15px grid — slightly different from the standard 24px grid.
Install
npm install @radix-ui/react-icons, then: import { MagnifyingGlassIcon } from "@radix-ui/react-icons";.