Open any AI-coded interface and you see the same icons: rounded, two-pixel-stroke symbols from the lucide-react library. They're the default in every vibe-coded demo and countless templates. Lucide is a good library, and that's exactly why it has become a cliché. When everyone reaches for the same default, the result looks AI-made.
Why does lucide-react look AI-made?
The problem isn't Lucide itself: it's a carefully drawn, open-source library descended from the classic Feather set. The problem is monoculture. When v0, Bolt, Claude and countless starter templates all reach for the same default, the same line style repeats across thousands of sites. The eye reads it as a quickly assembled project, just like a violet gradient and rounded cards.
Standing out doesn't require abandoning Lucide. It requires a deliberate choice: pick a library with a character of its own and use it consistently.
Icons are part of the brand, not a detached decoration
An icon is small, but it repeats on every page and in every button, so its style shapes the look more than any single image. A well-chosen icon set supports the typography: a thin line suits light text, a bold filled style feels confident.
Free or paid? How the licences work
Check the licence before you pick a set. Most high-quality icon libraries are open source and free for commercial use.
Icon library licensing models
| Licence type | What it means | Examples |
|---|---|---|
| Open source (MIT, Apache, ISC) | Free for commercial use, no attribution required | Phosphor, Tabler, Heroicons, Lucide, Remix Icon |
| Attribution (CC BY) | Free, but the source must be credited, e.g. in the footer | Flaticon (free tier), Noun Project, Solar |
| Freemium | Part free, a wider range behind a paywall | Font Awesome, Streamline, Hugeicons |
| Commercial licence | One-off payment or subscription, no free tier | Nucleo, Streamline premium packs |
For commercial projects, favour MIT-, Apache- or ISC-licensed sets: they require no attribution. If you choose a set that requires attribution, add the credit straight away.
The best open-source alternatives
These sets are free for commercial use too, and most ship a ready React package.
Open-source icon libraries
| Library | Style | Licence | Best for |
|---|---|---|---|
| Phosphor | Six weights, including duotone | MIT | A distinctive but friendly look; duotone stands apart |
| Tabler | Thin line work, 5,800+ icons | MIT | A Lucide-like style with a wider range |
| Heroicons | Outline and solid variants | MIT | Tailwind projects; clean and neutral |
| Remix Icon | Neutral system style, line + fill | Apache 2.0 | Dashboards and tools |
| Iconoir | Geometric line work | MIT | A fresh, recognisable look |
| Material Symbols | Variable font: weight, fill and size adjustable | Apache 2.0 | Broad coverage; Google/Android flavoured |
| Radix Icons | 15 × 15 pixels, crisp | MIT | Compact interfaces and small buttons |
| Solar | Bold duotone, rounded | CC BY 4.0 | A modern, soft look (remember attribution) |
Phosphor is the single best recommendation for most projects: over 9,000 icons in six weights, and the duotone weight gives an interface an immediate character of its own. The official React package is @phosphor-icons/react, so switching from lucide-react takes minutes.
Iconoir's geometric line and Solar's soft bold duotone break furthest from the Feather-lineage style.
Paid and freemium libraries for standing out
A paid set is rarer and more carefully finished, so it is often the sensible choice when you want a genuinely distinct look or a wide range in one consistent style.
Paid and freemium icon libraries
| Library | Pricing | Best for |
|---|---|---|
| Streamline | Freemium | The world's largest consistent library; dozens of styles from one source |
| Nucleo | Paid + desktop app | A designer's everyday tool, 30,000+ well-organised icons |
| Hugeicons | Freemium | 4,000 free line icons plus a huge pro library, with React support |
| Untitled UI icons | Free + premium | 1,100+ icons designed specifically for interfaces |
| Font Awesome Pro | Freemium | Familiar and comprehensive; pro unlocks several styles and brand logos |
| Icons8 | Freemium | Consistent icons and a 3D style too; its own Pichon app |
| Iconscout | Marketplace, freemium | Icons, illustrations and Lottie animations from one place |
Streamline and Nucleo are the strongest choices when you need one consistent style across a large project. Hugeicons and Untitled UI are a good middle ground: a solid free tier you can expand to paid.
Animated icons
A moving icon draws attention to the right spot: a loading state, a successful save, a menu opening. Animated sets are usually built on the Lottie format, which works in React via the lottie-react library. Use them sparingly, because constant motion tires the eye.
- Lordicon: freemium; thousands of ready-animated icons with adjustable colours and motion
- useAnimations: a free Lottie-based set for common micro-interactions
- Lottieflow and Iconscout Lottie: downloadable Lottie files that run straight in React
Iconify and react-icons: any library with one component
The best technical tip is Iconify: it gathers over 200,000 icons and 150 sets behind one interface. You can use Phosphor, Solar, Tabler or any other set with a single component (@iconify/react). Icons load on demand, so nothing dead gets bundled. The sets keep their own licences.
react-icons collects dozens of popular sets into one npm package, and imports follow the set: a Phosphor icon comes from react-icons/pi. Both approaches drop unused icons (tree shaking). For browsing, use the Icônes tool, which shows every Iconify set in one view.
How to choose an icon library
- Coverage: does it have every icon you need? A partial set forces you to mix styles.
- One family: pick a single library and stick with it across the interface.
- Line weight and rounding: match the icons to the typography and the brand.
- Licence: check commercial use and any attribution requirement before shipping.
- Technical fit: a React package, or Iconify?
- Size: bundle only the icons you use, not the whole font.
Practical tips for avoiding AI slop
- Change the default: switching from lucide-react to Phosphor's duotone or to Solar changes the look immediately.
- Tune the line weight to the text weight: a thin icon next to a bold heading looks detached.
- Draw a few key icons yourself, for services or homepage highlights.
Icons are just one fingerprint of AI among many. This is the first part of The anatomy of AI slop series; the parts that follow cover typography, colour and the other defaults that give away a template. At Visio Design we pick an icon set that fits the brand on every project, and draw custom ones when needed, so the result looks like you and not like a default.
Want an interface that doesn't look AI-made?
We design sites and interfaces with a look of their own, icons included. Tell us about your project and get a proposal within 24 hours.