Icon Finder - Find Icon Lucide

Find and copy the icon from the Lucide React library

Display {filteredIcons.length} / {iconNames.length} icons

No icons found. Try another keyword.

Icon Finder - Free Lucide React Online Icon Finder

Icon Finder is a tool to search and copy icons from the free online Lucide React library. More than 1000+ beautiful, lightweight and consistent icons. Quick search by name, preview in multiple sizes, copy JSX component or icon name with one click. Lucide is a fork of Feather Icons with more icons and is actively maintained. Perfect for React, Next.js, Vue, Svelte projects.

Outstanding features

More than 1000+ icons from Lucide library
Quick search by icon name
Preview icon with custom size (16-64px)
Copy JSX component with one click
Copy the icon name to import
Showing 100 results per search
The grid interface is easy to see and compare
Hover to see options copy
No installation required, find it right on the web
Icons are consistent in style and stroke width

Why Should You Use Lucide Icons?

Lucide is an open source icon library forked from Feather Icons with many improvements. Pros: More than 1000+ icons (twice as much as Feather), actively maintained with new icons weekly, lightweight (tree-shakeable - only bundles the icons you use), consistent in style (24x24, stroke-width 2), supports many frameworks (React, Vue, Svelte, Angular), and completely free. Compared to Font Awesome, Lucide is much lighter and does not need to load the entire font file. Compared to Material Icons, Lucide has a more minimalist style, suitable for modern UI.

Benefits when used

  • •Find icons quickly without opening docs
  • •Copy the code conveniently, paste it right into the project
  • •Visual preview with many sizes
  • •No need to remember the exact icon name
  • •Compare multiple icons at once
  • •Save development time
  • •Beautiful, consistent icons for UI
  • •Free and open source

Instructions for Using Icon Finder

  1. 1Enter search keywords (eg home, user, settings, arrow...)
  2. 2See results displayed in grid
  3. 3Adjust the size if you want to preview a different size
  4. 4Hover on the icon to see options
  5. 5Click
  6. 6to copy component code: <Home />
  7. 7Or click
  8. 8to copy the name: Home

Cooperate immediately with Mavis Digital

We not only design websites, but also help businesses build strong digital brands. Providing comprehensive website design services from design to SEO optimization. Please contact Mavis Digital immediately to create breakthrough, effective and sustainable technology solutions for your business in Ho Chi Minh.

Tools Design Tools related

Border Radius Generator

Create custom border-radius.

CSS Filter Generator

Create CSS filter effects.

Glassmorphism Generator

Create a CSS frosted glass effect.

Neumorphism Generator

Create Soft UI effect.

Text Shadow Generator

Create text-shadow CSS.

Typography Scale

Create a font size system.

Brand Color Generator

Create a brand color palette.