Lucide
A clean, consistent open-source line icon set with packages for every popular framework.
- Category
- Icons
- Cost
- Free and open source, commercial use allowed
- Website
- lucide.dev
What Lucide is
Lucide is a community continuation of the Feather icon set, and it kept what made Feather good: one stroke weight, one grid, no decoration. Icons sit next to text without shouting.
Every icon is an SVG you can drop in and recolor with CSS, and there are ready packages for React, Vue, Svelte and plain JavaScript, so you import the five icons you need instead of a whole font.
Good for
- Interface icons in a web app or dashboard
- A site that needs icons to stay quiet next to the text
- Projects where you want to import icons individually and keep the bundle small
Worth knowing
- The line-only style has no filled variants, so it is a poor match for a design that needs solid shapes.
- Keep the stroke width consistent with your typography — the default looks thin next to heavy headings.