DEVELOPER ICONS : bibliothèque d’icônes tech personnalisables et optimisées
https://xandemon.github.io/developer-icons
https://github.com/xandemon/developer-icons
📌 DEVELOPER ICONS est une bibliothèque d’icônes techniques de haute qualité, optimisées et personnalisables pour développeurs et designers. Les icônes sont conçues pour être aussi légères que possible tout en préservant la qualité, avec des variantes pour mode clair/sombre, wordmark et autres familles. Compatible TypeScript, idéale pour React et Next.js, ou téléchargeable depuis le site officiel pour les projets de design. Pas plus de recherche de PNGs et SVGs « transparent » : tout est prêt à l’emploi.
Les icônes sont parfaitement scalables à n’importe quelle taille sans compromis sur la qualité. Toutes les icônes suivent un ensemble de règles prédéfinies, garantissant un style cohérent et éliminant les incohérences de design. Les personnalisations sont disponibles pour toutes les icônes : taille, couleur, épaisseur du trait et bien plus encore. L’installation se fait via NPM avec npm i developer-icons, ou par téléchargement direct depuis le site pour les assets SVG.
- ⚡ Optimisées pour performance et taille minimale
- 🎨 Personnalisables : taille, couleur, épaisseur, style
- 🔄 Cohérence totale : règles de design prédéfinies
- 🌗 Variantes : light/dark mode, wordmark, familles
- 🫂 Libre et open-source sous licence MIT
L’import en projet se fait via composants React nommés : import { HtmlIcon, JavascriptIcon } from "developer-icons". Les composants acceptent des props similaires aux SVG : size, className, style, color, etc. L’utilisation en React/Next.js est native, mais les assets SVG bruts sont disponibles pour intégration directe. La stack technique comprend Astro pour le site, React pour les composants, Tailwind CSS pour le styling, et SVGO/SVGSON pour l’optimisation et conversion des fichiers SVG.
Le projet est entièrement gratuit et open-source, sans code malveillant caché. La licence MIT permet une utilisation commerciale, les contributions sont encouragées via les guidelines sur le site. Le site officiel propose un navigateur d’icônes interactif pour explorer la collection complète. Plusieurs centaines de projets utilisent déjà la bibliothèque selon les dépendances GitHub. Les icônes reposent sur Lucide Icons comme base, avec optimisation SVGO pour minimiser la taille des fichiers tout en préservant la qualité visuelle.
Sources
