Radix Icons

Overview

Radix Icons is a carefully crafted set of icons designed specifically for use with Radix UI primitives and other accessible component libraries. Drawn on a compact 15×15 grid, these icons render crisp and clear at small sizes — ideal for form controls, dropdowns, and other compact UI elements. They are the default icon set for shadcn/ui.

Key Features

• Designed for Radix UI primitives
• 15×15 grid — pixel-perfect at small sizes
• Default icons for shadcn/ui
• TypeScript support
• Minimal, precise design language
• Accessible by design

Installation

npm install @radix-ui/react-icons

Usage Example

Basic React usage with Radix Icons

import { HomeIcon, MagnifyingGlassIcon, GearIcon } from '@radix-ui/react-icons';

export default function App() {
  return (
    <div>
      <HomeIcon />
      <MagnifyingGlassIcon />
      <GearIcon />
    </div>
  );
}

Best For