Sous quelle licence sont les icônes ?

Lucide est sous licence ISC, Heroicons est sous licence MIT. Les deux sont gratuits pour un usage commercial.

Les données sont-elles envoyées à un navigateur ?

Non. Toutes les opérations s’exécutent dans votre navigateur.

🎨

svg icon search,

Recherche d'Icônes SVG

Search Lucide & Heroicons—click to copy SVG, React, or Vue code.
Customize size, color, and stroke width.

🔍

Recherche multi-ensembles

Rechercher parmi Lucide et Heroicons

📋

Copie en un clic

Copiez instantanément le code SVG/React

🎨

Personnalisable

Ajuster la taille, la couleur et la largeur du trait

| Licence : Lucide (ISC) / Heroicons (MIT)

🔒Toutes les opérations s'exécutent entièrement dans votre navigateur.

about,

Aperçu

La recherche d'icônes SVG vous permet de rechercher dans les ensembles de Lucide et Heroicons et de copier le code SVG en un clic. Personnalisez la taille, la couleur et l'épaisseur du trait, et générez du code de composant React ou Vue prêt à l'emploi. Le tout s'exécute localement.

how to use,

Comment utiliser

ÉTAPE 1

Rechercher

Saisissez un mot clé (flèche, maison, etc.) pour filtrer les icônes.

ÉTAPE 2

Personnaliser

Cliquez sur une icône, puis ajustez la taille, la couleur et le trait.

ÉTAPE 3

Copier le code

Copiez le code SVG, React ou Vue directement dans votre projet.

glossary,

Glossaire

SVG (Scalable Vector Graphics): Un format d'image vectorielle basé sur XML qui évolue sans perte de qualité, idéal pour le Web.
Lucide: Un ensemble d'icônes SVG open source avec plus de 1500 icônes. Sous licence ISC.
Heroicons: Icônes SVG par l'équipe Tailwind CSS. Sous licence MIT.
viewBox: Attribut SVG définissant le système de coordonnées, garantissant une mise à l'échelle appropriée.
stroke-width: Contrôle l'épaisseur des lignes de tracé de l'icône.
currentColor: Un mot-clé SVG qui hérite de la valeur de couleur CSS pour le trait/le remplissage.

faq,

FAQ

Q.Sous quelle licence sont les icônes ?: Lucide est sous licence ISC, Heroicons est sous licence MIT. Les deux sont gratuits pour un usage commercial.
Q.Les données sont-elles envoyées à un navigateur ?: Non. Toutes les opérations s’exécutent dans votre navigateur.

use cases,

Cas d'utilisation

🎨

Conception Web

Trouvez des icônes parfaites pour vos projets d'interface utilisateur.

💻

Projets React/Vue

Copiez les importations de composants instantanément.

📐

Maquettes de conception

Prévisualisez les icônes avant de les ajouter à Figma.

📚

Stockage d'icônes

Comparez Lucide et Heroicons côte à côte.

Outils Similaires

Générateurs CSSTout voir

🖼️

Générateur de Fond SVG

Créez des motifs de fond SVG légers

📱

Générateur d'Images Responsives

Générez des images multitailles et du code srcset

📐

Générateur de Layout Flexbox/Grid

Générez du code de mise en page avec une interface graphique visuelle

☁️

Générateur d'Ombres (Box-Shadow)

Créez intuitivement de magnifiques ombres multicouches

✨

Générateur d'UI Moderne

Générez du code UI élégant (Glassmorphism pris en charge)

🎞️

Générateur d'Animations CSS

Générez des animations @keyframes visuellement

🔺

Générateur de Triangles CSS

Générez des triangles CSS avec les bordures et copiez le code instantanément

⬜

Générateur CSS Border Radius

Ajustez 8 valeurs border-radius visuellement et copiez le code CSS

🔤

Aperçu de la Typographie

Prévisualisez en temps réel font-size, line-height et letter-spacing

Toutes les Catégories

Outils WEB & Développeurs Générateurs CSS Outils d'Images & Photos Outils Vidéo & Audio SEO & Marketing Réseau & Infrastructure Analyse & Traitement de Texte Outils de Finance & Salaire Outils de Date & Calendrier Outils de Documents & Business Jeux & Événements Vie & Santé Page d'Accueil

Envoyer des commentaires

Faites-nous part de vos réflexions pour nous aider à améliorer l'outil.