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

Kostenlose Musik-Icons (SVG)

48 kostenlose Musik-Icons aus Open-Source-Sets – klicke auf eins, um Größe, Farbe und Strichstärke zu ändern, und kopiere es als SVG, JSX, Data-URI oder CSS.

Aktualisiert am

music-3
Lucidemusic
Tablermusic-note
Phosphorfile-music
Bootstrap Iconsmusic-note
Iconoirmusic-note-1-20-filled
Fluent UImusic-off
Material Symbolsmusic
Material Design Iconsmusic
Carbonfile-music
Lucidemusic-x
Tablermusic-note-bold
Phosphorfile-music-fill
Bootstrap Iconsmusic-note-solid
Iconoirmusic-note-1-20-regular
Fluent UImusic-off-rounded
Material Symbolsmusic-box
Material Design Iconsmusic-add
Carbonlist-music
Lucidemusic-up
Tablermusic-note-duotone
Phosphormusic-note
Bootstrap Iconsmusic-note-1-24-filled
Fluent UImusic-cast
Material Symbolsmusic-box-outline
Material Design Iconsmusic-remove
Carbonmusic-cog
Tablermusic-note-fill
Phosphorapple-music
Bootstrap Iconsmusic-note-1-24-regular
Fluent UImusic-cast-rounded
Material Symbolsmusic-off
Material Design Iconsmusic-off
Tablermusic-note-light
Phosphormusic-player
Bootstrap Iconsmusic-note-2-16-filled
Fluent UImusic-note
Material Symbolsbook-music
Material Design Iconsmusic-pin
Tablermusic-note-thin
Phosphormusic-player-fill
Bootstrap Iconsmusic-note-2-16-regular
Fluent UImusic-note-rounded
Material Symbolsbook-music-outline
Material Design Iconsfile-music
Tablermusic-notes
Phosphormusic-note-2-20-filled
Fluent UImusic-video
Material Symbols

Musik-Icons verwenden

Noten stehen für Audio, Playlists und Toneinstellungen.

Alle Icons hier folgen currentColor, erben 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 passe die Größe per CSS mit 1em an), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

Ist das Icon 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 „Musik“.

Lizenzen

Diese Musik-Icons stammen von Lucide, Tabler, 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 Musik-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 Musik-Icons?
Die SVGs nutzen currentColor, also setze die CSS-Farbe 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.