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

Kostenlose Tag-Icons (SVG)

48 kostenlose Tag-Icons aus Open-Source-Sets – klick eins an, um Größe, Farbe und Strichstärke anzupassen, und kopiere es als SVG, JSX, Data URI oder CSS.

Aktualisiert am

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

Tag-Icons verwenden

Tags kennzeichnen Labels, Kategorien, Preise und Rabatte.

Alle Icons hier folgen currentColor, übernehmen also die Textfarbe des Elements, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und in Buttons. Setze eine explizite width und height (oder lege die Größe in CSS mit 1em fest), damit sich das Layout nicht verschiebt, während die Seite lädt.

Barrierefreie Icons

Ist das Icon dekorativ oder steht es neben sichtbarem Text, füge aria-hidden="true" hinzu. Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Tag“.

Lizenzen

Diese Tag-Icons stammen aus Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons und Carbon – Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die persönliche und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle 70.000+ Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Tag-Icons kostenlos für kommerzielle Nutzung?
Ja. Sie stammen aus Open-Source-Icon-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Tag-Icons?
Die SVGs verwenden currentColor, also setzt du die CSS-Farbe des übergeordneten Elements – oder öffnest das Icon im Finder und wählst vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze Copy to Webflow (fügt ein Code Embed ein) oder Copy JSX für eine React-Komponente.