Icon Library

Browse 1600+ Lucide icons. Download SVG or PNG, copy JSX imports.

1,475 icons

About Icon Library

Browse, search, and download 1600+ free Lucide icons online. Search by name, customize color and stroke width, download as SVG or PNG (16px to 512px), copy SVG code, and copy React import statements. Completely free icon set for web and app development.

How to Use

  1. 1Type in the search box to filter 1,600+ icons by name.
  2. 2Click any icon to open its detail panel.
  3. 3Customize color with the color picker and adjust stroke width.
  4. 4Click "SVG" to download the vector file, or choose a PNG size (16px–512px).
  5. 5Use "Copy import statement" to get the React import ready to paste.
  6. 6Use "Copy SVG code" to embed the SVG directly in HTML.

Frequently Asked Questions

How many icons are available?
Over 1,600 icons from the Lucide icon set — one of the most popular open-source icon libraries for web development.
What formats can I download?
You can download any icon as SVG (vector, infinitely scalable) or PNG at 16, 24, 32, 48, 64, 128, 256, and 512 pixels.
Can I change the color before downloading?
Yes. Use the color picker or enter any hex value to set the icon color. The downloaded file will use that exact color.
Can I adjust stroke width?
Yes. Drag the stroke slider from 0.5 to 3 to get thin or thick icon lines before downloading.
Can I use these icons in my project?
Lucide icons are open-source under the ISC license. You can use them freely in personal and commercial projects.
How do I use icons in React?
Click any icon and use the "Copy import statement" button to get the exact import line, e.g. import { ArrowLeft } from 'lucide-react'.