devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Icônes d'étiquette gratuites (SVG)

48 icônes d'étiquette issues de bibliothèques open source — cliquez sur l'une d'elles pour modifier sa taille, sa couleur et son trait, puis copiez-la en SVG, JSX, data URI ou CSS.

Mis à jour le

tag
Lucidetag
Tablertag
Heroiconstag
Phosphortag
Bootstrap Iconsar-tag
Iconoirtag-16-filled
Fluent UItag
Material Symbolstag
Material Design Iconstag
Carbontag-x
Lucidetag-filled
Tablertag-16-solid
Heroiconstag-bold
Phosphortag-fill
Bootstrap Iconsev-tag
Iconoirtag-16-regular
Fluent UItag-rounded
Material Symbolstag-outline
Material Design Iconstag-edit
Carbontag-plus
Lucidetag-off
Tablertag-20-solid
Heroiconstag-duotone
Phosphorfx-tag
Iconoirtag-20-filled
Fluent UIcar-tag
Material Symbolstag-off
Material Design Iconstag-none
Carbontag-plus
Tablertag-solid
Heroiconstag-fill
Phosphorfx-tag-solid
Iconoirtag-20-regular
Fluent UIcar-tag-outline
Material Symbolstag-off-outline
Material Design Iconstag-light
Phosphoron-tag
Iconoirtag-24-filled
Fluent UIcar-tag-outline-rounded
Material Symbolstag-edit
Material Design Iconstag-thin
Phosphorvr-tag
Iconoirtag-24-regular
Fluent UIcar-tag-outline-sharp
Material Symbolstag-edit-outline
Material Design Iconsoff-tag
Iconoirtag-28-filled
Fluent UI

Utiliser les icônes d'étiquette

Les étiquettes servent à signaler des libellés, des catégories, des prix et des remises.

Toutes les icônes ici suivent currentColor, elles prennent donc la couleur de texte de l'élément dans lequel elles se trouvent — un même SVG fonctionne sur fonds clairs et sombres, dans les liens comme dans les boutons. Définissez une width et une height explicites (ou dimensionnez-les en CSS avec 1em) pour que la mise en page ne bouge pas pendant le chargement de la page.

Icônes accessibles

Si l'icône est décorative ou accompagne un texte visible, ajoutez aria-hidden="true". Si elle est le seul contenu d'un bouton ou d'un lien, donnez à cet élément un aria-label tel que « Étiquette ».

Licences

Ces icônes d'étiquette proviennent de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons et Carbon — des bibliothèques open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage personnel et commercial. Besoin d'autre chose ? Recherchez parmi plus de 70 000 icônes dans le SVG Icon Finder.

Questions fréquentes

Ces icônes d'étiquette sont-elles gratuites pour un usage commercial ?
Oui. Elles proviennent de bibliothèques d'icônes open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage commercial. Conservez la mention de licence si vous redistribuez les fichiers d'icônes eux-mêmes.
Comment changer la couleur d'une icône d'étiquette ?
Les SVG utilisent currentColor : définissez donc la couleur CSS de l'élément parent — ou ouvrez l'icône dans le moteur de recherche et choisissez une couleur fixe avant de la copier.
Puis-je utiliser ces icônes dans Webflow ou React ?
Oui. Ouvrez une icône et utilisez le bouton « Copy to Webflow » (il colle un Code Embed) ou « Copy JSX » pour un composant React.