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

Iconos de música gratis (SVG)

48 iconos de música de conjuntos de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, URI de datos o CSS.

Actualizado el

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

Cómo usar los iconos de música

Las notas musicales representan audio, listas de reproducción y ajustes de sonido.

Todos los iconos aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label con un texto como “Música”.

Licencias

Estos iconos de música provienen de Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: conjuntos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70 000 iconos en el buscador de iconos SVG.

Preguntas frecuentes

¿Son gratis estos iconos de música para uso comercial?
Sí. Provienen de conjuntos de iconos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los archivos de los iconos en sí.
¿Cómo cambio el color de un icono de música?
Los SVG usan currentColor, así que define el color CSS del elemento padre, o abre el icono en el buscador y elige un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copiar para Webflow (pega un Code Embed) o Copiar JSX para un componente de React.