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

Kostenlose Stern-Icons (SVG)

48 kostenlose Stern-Icons aus Open-Source-Sets. Klick ein Icon an, um Größe, Farbe und Strichstärke anzupassen, und kopiere es als SVG, JSX, Data URI oder CSS.

Aktualisiert am

star
Lucidestar
Tablerstar
Heroiconsstar
Phosphorstar
Bootstrap Iconsstar
Iconoirstar-12-filled
Fluent UIstar
Material Symbolsstar
Material Design Iconsstar
Carbonstar-x
Lucidestar-filled
Tablerstar-16-solid
Heroiconsstar-bold
Phosphorstar-fill
Bootstrap Iconsstar-solid
Iconoirstar-12-regular
Fluent UIstar-outline
Material Symbolsstar-outline
Material Design Iconsstar-filled
Carbonstar-off
Lucideeye-star
Tablerstar-20-solid
Heroiconsstar-duotone
Phosphordoc-star
Iconoirstar-16-filled
Fluent UIstar-outline-rounded
Material Symbolskey-star
Material Design Iconsmap-star
Tablerstar-solid
Heroiconsstar-fill
Phosphorstar-16-regular
Fluent UIstar-rounded
Material Symbolsstar-box
Material Design Iconsstar-off
Tablerstar-light
Phosphorstar-20-filled
Fluent UIkid-star
Material Symbolsstar-box-outline
Material Design Iconsbell-star
Tablerstar-thin
Phosphorstar-20-regular
Fluent UIkid-star-outline
Material Symbolsstar-cog
Material Design Iconsfile-star
Tablerstar-24-filled
Fluent UIkid-star-outline-sharp
Material Symbolsstar-cog-outline
Material Design Icons

Stern-Icons verwenden

Sterne werden für Bewertungen und Favoriten genutzt; halb gefüllte Sterne zeigen Durchschnittswerte wie 4.5.

Alle Icons hier folgen currentColor, nehmen also die Textfarbe des Elements an, in dem sie stehen. Ein SVG funktioniert so auf hellen und dunklen Hintergründen, in Links und in Buttons. Setze eine explizite width und height (oder skaliere sie per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

Ist das Icon rein dekorativ oder steht 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 „Stern“.

Lizenzen

Diese Stern-Icons stammen von Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons und Carbon. Es handelt sich um Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die private und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle 70.000+ Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Stern-Icons kostenlos für die 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 Stern-Icons?
Die SVGs verwenden currentColor. Setze also die CSS-color des übergeordneten Elements oder öffne das Icon im Finder und wähle vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze „In Webflow kopieren“ (fügt ein Code Embed ein) oder „JSX kopieren“ für eine React-Komponente.