ICONYZ
Español
Icono Music de Elusive Icons

Icono Music

el:music

El icono Music (el:music) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Elusive Icons
Autor
Team Redux
Licencia
OFL-1.1
Tamaño
1200 × 1200
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="m364.798 80.329l-30.419 790.778c-40.935-21.007-92.292-30.096-146.179-22.449C72.007 865.114-11.66 952.766 1.33 1044.407c12.992 91.647 117.714 152.585 233.902 136.124c103.119-14.613 180.524-85.303 187.557-165.075l.022.045c.016-.181.026-.452.042-.656c.173-2.026.271-4.08.346-6.119c4.327-82.368 30.815-708.026 30.815-708.026l652.416-67.219l-29.467 563.479c-41.867-23.303-95.68-33.684-152.264-25.665C808.507 787.768 724.845 875.4 737.836 967.054c12.986 91.639 117.709 152.587 233.901 136.107c105.313-14.906 183.777-88.319 187.895-170.171l.05-.05C1161.89 896.157 1198.7 46.799 1200 16.784z"/></svg>

Cómo usar el icono Music

React

import { Icon } from "@iconify/react";

<Icon icon="el:music" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="el:music" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="el:music" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--music]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:music"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="el:music"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/el/music.svg" alt="Icono Music" width="24" height="24">

El icono Music en otras colecciones

Preguntas frecuentes sobre Icono Music

¿El icono Music es gratis para uso comercial?

Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Music en React?

Instala @iconify/react y renderiza <Icon icon="el:music" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Music a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/music.svg" alt="Icono Music">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Elusive Icons →