Icons
Open-source icon sets with a consistent style, ready as SVG for a website or an app.
- LucideClean, consistent open-source line icons for websites and apps.
- Phosphor IconsFlexible icon family in six weights, from thin to filled.
- HeroiconsHand-crafted SVG icons from the makers of Tailwind CSS.
- IconoirOver a thousand free icons with no sign-up and no premium tier.
Icons: what to know
Mixing icons from different sets is the fastest way to make an interface look unfinished. Line weight, corner radius and grid size differ, and the eye notices even when the person cannot say why.
Pick one family and stay inside it. Everything here is SVG, so you can recolor it with CSS and it stays sharp on any screen.
How to choose
- Match the icon line weight to the weight of your body text.
- Inline the handful of icons you use instead of loading a whole icon font.
- Check the licence if the icons will ship inside a product you distribute.