Icons

Lucide Icons

Beautiful, consistent open-source icon set.

Docs

Live demolucide

Activity

Anchor

Aperture

Box

Braces

Camera

Lightning

Compass

Cpu

Feather

Flame

Gem

Ghost

Globe

Heart

Infinity

Layers

Leaf

Moon

Palette

Rocket

Sparkles

Sun

Terminal

Wand

Waves

Zap

Lucide is the community-maintained continuation of Feather. Over 1,500 icons, all tree-shakable, all stroke-based with a configurable stroke width. Most new projects pick this by default.

Install

npm i lucide-react

Snippet

import { Sparkles, Rocket, Heart } from "lucide-react";

<Sparkles size={20} strokeWidth={1.5} className="text-iris-400" />
<Rocket className="w-5 h-5" />
<Heart fill="currentColor" />