Beautiful Animated icons crafted for modern interfaces

Stop shipping static apps. Rare Icons gives you a massive collection of icons that actually react to your users. They pop, they bounce, and they feel alive. Just copy, paste, and watch the magic happen.

Explore 500+ icons..
Page 1 / 21

Built for modern
design systems

Everything you need to build stunning, high-performance interfaces with speed and surgical precision.

5 styles, one system

Stroke to duo solid — pick the style that fits your UI instantly.

2px stroke
24px
BellDuoStroke

Pixel‑perfect grid

24px base grid, 2px strokes, consistent radius — scales beautifully from 16 to 32.

App.tsx
import { HomeIcon } from 'rare'
import { SettingsIcon } from 'rare'
// Copy, paste, ship
<HomeIcon size={24} />
<SettingsIcon variant="duo" />

Developer‑first

Copy‑paste React components. Fully typed, tree‑shakable.

Lightweight SVGs

Optimized paths — 5× smaller than the average icon library for lightning-fast load times.

Base Size0.8kb
Nodes5
Skeleton
Solid Render

Why you'll love
Rare Icons

We built this for developers and designers who are done settling for generic, lifeless icon sets. Here's what makes this different.

Always fresh

New icons drop every week. Your UI stays current while others are still shipping the same tired set from three years ago.

Request any icon

Can't find what you need? Tell us. We'll hand-craft it and ship it in the next update — included in your license.

Copy. Paste. Ship.

Fully typed React components with zero config. Import, drop into your JSX, and move on to the next feature.

Under 1kb each

Every path is hand-optimized. Your bundle stays lean, your Lighthouse stays green, and your users never wait.

Pay once, own it

No subscriptions, no seat limits. One purchase gets you every icon today and every icon we ever add in the future.

Unlimited projects

Side projects, client work, SaaS apps — use them everywhere. No per-project fees, no attribution required.

World-class interfaces.
Precision-built with Rare Icons.

High-fidelity UI showcase with Rare Icons
Designed using Rare Icons
Personal
Profile⇧⌘P
Billing⌘B
Settings⌘S
Shortcuts⌘K
Team
Team Settings
Invite Users
New Team⌘N
GitHub Repository
Log out⇧⌘Q
Designed using Stroke icons




Rare Icons: Light Mode
Enterprise dashboard showcase
Designed using Rare Icons
Designed using Rare Icons




Rare Icons: Dark Mode

Make your UI
feel better instantly.