Garden of KnowledgeApplied Sciences › Computer Science › Software › Web › Ressources
January 15, 2025

Icônes pour le Web

Ressources pour trouver et intégrer des icônes dans vos projets web.

Bibliothèques React§

BibliothèqueLienDescription
React Iconsreact-icons.github.ioRegroupe Font Awesome, Material, Feather, etc. en un seul package
Lucide Reactlucide.devIcônes propres et modernes, léger
Heroiconsheroicons.comPar les créateurs de Tailwind, SVG
# Installation React Icons
npm install react-icons

# Utilisation
import { FaHome } from 'react-icons/fa'
<FaHome size={24} color="blue" />

SVG & Collections générales§

SiteDescription
IsoconsIcônes isométriques 3D, style unique
Phosphor IconsFlexible, plusieurs styles (outline, fill, etc.)
Tabler Icons+4000 icônes SVG open source
Feather IconsMinimaliste, très propre
IconifyAccès à 200 000+ icônes de toutes les collections

Emojis comme icônes§

SiteDescription
EmojipediaRéférence complète des emojis
OpenMojiEmojis open source en SVG

Favicon§

SiteDescription
favicon.ioGénérer un favicon depuis texte, image ou emoji
RealFaviconGeneratorGénérer pour toutes les plateformes

Formats et intégration§

<!-- SVG inline (le plus flexible) -->
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <path d="..."/>
</svg>

<!-- Via CDN (Font Awesome) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<i class="fas fa-home"></i>
—The Gardener