Outils · Icônes

Lucide

La bibliothèque d'icônes propre et cohérente qui habille votre interface.

Lucide est une collection de plus de mille icônes au trait, libres et gratuites, conçues pour être cohérentes entre elles. C'est la bibliothèque d'icônes par défaut de la stack Next.js moderne et de shadcn/ui. Vous demandez une icône (un panier, une loupe, une flèche), Claude Code l'ajoute proprement à votre interface.

Interface de Lucide
FIG. 01Interface · Lucide

Forces & faiblesses

Ce qu'on aime, ce qu'on regrette

+ Forces

  • Plus de mille icônes au style homogène et net
  • Libre et gratuite, y compris pour un usage commercial
  • Intégration directe avec React, Next.js et shadcn/ui
  • Claude Code choisit et place les bonnes icônes pour vous

− Limites

  • Style unique au trait : pas de variantes pleines ou colorées d'office
  • Catalogue à parcourir pour trouver le nom exact d'une icône

Cas d'usage

Pour quels projets

  • Ajouter des icônes lisibles à des boutons et des menus
  • Donner une signalétique cohérente à toute l'application
  • Illustrer des fonctionnalités sans recourir à des images

Piloter avec Claude

Skills & MCP

Jeu d'icônes du projet fil rouge de Claude Builder, via shadcn/ui. Vous décrivez l'icône voulue ; Claude Code l'intègre au bon endroit avec le bon style.

Tarifs

Combien ça coûte

Open source

0 €

Sous licence ISC, libre y compris pour usage commercial

Notre point de vue

Ce qu'on en pense

Lucide est une bibliothèque d'icônes : un catalogue de petits pictogrammes au trait (une loupe pour la recherche, une corbeille pour supprimer, une flèche pour avancer) que l'on insère dans une interface. Son principal mérite est la cohérence : toutes les icônes partagent la même épaisseur de trait et le même style, ce qui donne une interface nette plutôt qu'un patchwork de pictogrammes dépareillés. C'est un détail qui sépare une application « pro » d'une application « bricolée ». Sa limite est l'envers de sa force : un seul style, au trait, sans variantes pleines ou colorées d'origine — mais pour 99 % des interfaces, c'est exactement ce qu'il faut.

Face à Font Awesome, la bibliothèque historique, Lucide gagne sur la modernité du style et sur la licence — Font Awesome réserve ses meilleures icônes à une offre payante, là où Lucide est entièrement libre. Face à Heroicons, l'autre jeu populaire de l'écosystème, le match est serré, mais Lucide gagne sur l'ampleur du catalogue (plus d'un millier d'icônes) et son intégration directe avec shadcn/ui. C'est précisément pour cette raison qu'il s'est imposé comme le jeu d'icônes par défaut de la stack Next.js récente.

Adoptez Lucide dès que votre interface a besoin d'icônes, c'est-à-dire presque toujours : c'est le choix natif de la stack Ottho, gratuit et sans piège de licence. Vous n'allez pas fouiller le catalogue vous-même : vous demandez « une icône de panier sur le bouton d'achat » et Claude Code pose la bonne. La seule raison de regarder ailleurs serait un besoin d'icônes très typées (logos de marques, pictos métiers spécialisés) que Lucide ne couvre pas — un cas rare où Claude vous orientera vers une autre source.

Prochaine étape

Apprendre Lucide avec Nous

La formation Claude Builder vous apprend à piloter Lucide via Claude. Sans tutoriel, sans détour, avec un actif livré.