Page 1 / 21
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..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.
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
Designed using Rare Icons
Designed using Rare Icons
Rare Icons: Dark Mode