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èque	Lien	Description
React Icons	react-icons.github.io	Regroupe Font Awesome, Material, Feather, etc. en un seul package
Lucide React	lucide.dev	Icônes propres et modernes, léger
Heroicons	heroicons.com	Par 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§

Site	Description
Isocons	Icônes isométriques 3D, style unique
Phosphor Icons	Flexible, plusieurs styles (outline, fill, etc.)
Tabler Icons	+4000 icônes SVG open source
Feather Icons	Minimaliste, très propre
Iconify	Accès à 200 000+ icônes de toutes les collections

Emojis comme icônes§

Site	Description
Emojipedia	Référence complète des emojis
OpenMoji	Emojis open source en SVG

Favicon§

Site	Description
favicon.io	Générer un favicon depuis texte, image ou emoji
RealFaviconGenerator	Gé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