Radix Icons 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 MIT UI Other / Mixed Grid 15px grid by WorkOS
⌘+F

Copy & download Radix Icons icons

Click any icon above to open the detail panel. Four export formats are available instantly — no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

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-icons and use via @iconify/react — fully tree-shakeable, no icon font loading required.

About Radix Icons

Created By

WorkOS Visit Website

License

MIT View License

Features & Tags

Precise Shapes Has Padding

Pack Details

Version

1.3.2

v1.3.2

Color Support

Monochrome

Category

UI Other / Mixed Grid

In 1 collection

SVG for Next.js

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-icons

React

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 May 12, 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.8M

Monthly downloads

16.2M

Total downloads

139.9M

Unpacked size

3.3 MB

Last published

Nov 14, 2024

Registry updated

Apr 14, 2026

npm

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";.