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

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.

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 Aug 13, 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

5M

Monthly downloads

20M

Total downloads

185.2M

Unpacked size

3.3 MB

Last published

Nov 14, 2024

Registry updated

Apr 14, 2026

npm

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?
Yes. Radix Icons are MIT licensed and free for commercial use.
What design system are Radix Icons part of?
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.
How do I use Radix Icons in React?
Install npm install @radix-ui/react-icons, then: import { MagnifyingGlassIcon } from "@radix-ui/react-icons";.
How many icons are in Radix Icons?
Radix Icons contains 332 SVG icons in the UI Other / Mixed Grid category, designed on a 15px grid.
How often is Radix Icons updated?
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. See the full version history below.