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

Ícones de Música Grátis (SVG)

48 ícones de música de conjuntos open-source — clique em um para alterar tamanho, cor e traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

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

Usando ícones de música

Notas musicais marcam áudio, playlists e configurações de som.

Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento onde estão — um SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e height explícitos (ou dimensione-os no CSS com 1em) para que o layout não se desloque enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Música”.

Licenças

Estes ícones de música vêm de Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — conjuntos open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise todos os 70.000+ ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de música são grátis para uso comercial?
Sim. Eles vêm de conjuntos de ícones open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de música?
Os SVGs usam currentColor, então defina a propriedade color no CSS do elemento pai — ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copy to Webflow (cola como Code Embed) ou Copy JSX para um componente React.