Icon search

Search Lucide and Hugeicons by name, preview every match at the size you will ship it at, and copy the import and the JSX tag each set expects.

Set
Loading the set.
Made something you like?Blocks that use these icons

Questions

Why these two sets?+

They are the ones this registry is built on: Lucide for the interface and Hugeicons where a heavier, more illustrative glyph is wanted. Searching both together is the part no single site does.

What does pressing an icon give me?+

The import line and the tag, written the way each library takes it. Lucide is a component; Hugeicons passes the icon into HugeiconsIcon, which catches people out the first time.

Why do the sets take a moment to appear?+

Because a search needs every icon, and neither set belongs in the bundle of a page that is not this one. They are fetched on demand when you open the tool.

Related tools

SVG to JSX componentTurn an SVG into a typed React component that forwards props, with hard-coded fills swapped for currentColor so the icon takes the text color.Device viewport sizesThe viewport of every device you are asked to support, in the CSS pixels a media query actually reads, with the Tailwind breakpoint each one lands in.px to rem converterConvert between px and rem at any root size, both ways, with the sizes you actually use listed out underneath.

The tools are free. So is most of the library.

1935 blocks and 989 pieces for shadcn/ui and Tailwind, built on the same tokens these tools write. Install one with a command and the code is yours.

Browse the blocks

No signup for the tools. MIT for free blocks, commercial licence for Pro.

Markdown version