ICONYZ
Español
Icono Music Fill de Lets Icons

Icono Music Fill

lets-icons:music-fill

El icono Music Fill (lets-icons:music-fill) es un icono SVG gratuito de la colección Lets Icons de Leonid Tsvetkov. Está dibujado en una cuadrícula de 24 × 24. Lets Icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Lets Icons
Autor
Leonid Tsvetkov
Licencia
CC-BY-4.0
Tamaño
24 × 24
Categoría
Multimedia
Etiquetas
musicfill
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M19 15.95V14h-2.747c-.235 0-.352 0-.451.01a2 2 0 0 0-1.792 1.792c-.01.099-.01.216-.01.45c0 .28 0 .42.012.531a2 2 0 0 0 2.16 1.77c.11-.01.248-.037.522-.092l.296-.06c.38-.075.571-.113.732-.175a2 2 0 0 0 1.249-1.524c.029-.17.029-.364.029-.752m-10 2V16H6.252c-.234 0-.351 0-.45.01a2 2 0 0 0-1.792 1.792c-.01.099-.01.216-.01.45c0 .28 0 .42.012.531a2 2 0 0 0 2.16 1.77c.11-.01.248-.037.522-.092l.296-.06c.38-.075.571-.113.731-.175a2 2 0 0 0 1.25-1.524c.029-.17.029-.364.029-.751" clip-rule="evenodd"/><path stroke="currentColor" stroke-width="2" d="M9 16v-5m0 5v1.95M9 16H6.252M19 14V9m0 5v1.95M19 14h-2.747M19 9L9 11m10-2v-.12M9 11V9.28m0 0c0-1.57 0-2.355.453-2.908M9 9.279v8.672m0-8.672c0-1.57 0-2.354.453-2.907m0 0c.454-.553 1.223-.707 2.763-1.015M9.453 6.372c.454-.553 1.223-.707 2.763-1.015M9.453 6.372Zm2.763-1.015l2-.4m0 0c2.213-.443 3.32-.664 4.052-.064m-4.052.064c2.213-.443 3.32-.664 4.052-.064m0 0c.732.6.732 1.729.732 3.986m-.732-3.986c.732.6.732 1.729.732 3.986m0 7.072c0 .387 0 .581-.03.751a2 2 0 0 1-1.248 1.524c-.161.062-.351.1-.732.176M19 15.95c0 .389 0 .582-.03.752a2 2 0 0 1-1.248 1.524c-.161.062-.351.1-.732.176m0 0l-.296.06m0 0c-.274.054-.411.082-.523.091a2 2 0 0 1-2.159-1.77c-.012-.11-.012-.25-.012-.53m2.694 2.208c-.274.055-.411.083-.523.092a2 2 0 0 1-2.159-1.77c-.012-.11-.012-.25-.012-.53m0 0c0-.235 0-.352.01-.451a2 2 0 0 1 1.792-1.792c.099-.01.216-.01.45-.01M14 16.253c0-.235 0-.352.01-.45a2 2 0 0 1 1.792-1.793c.099-.01.216-.01.45-.01M9 17.95c0 .389 0 .582-.03.752a2 2 0 0 1-1.249 1.524c-.16.062-.35.1-.73.176M9 17.95c0 .387 0 .581-.03.751a2 2 0 0 1-1.249 1.524c-.16.062-.35.1-.73.176m0 0l-.297.06m0 0c-.274.054-.411.082-.523.091a2 2 0 0 1-2.159-1.77m2.682 1.678c-.274.055-.411.083-.523.092a2 2 0 0 1-2.159-1.77m0 0C4 18.673 4 18.533 4 18.253m.012.53C4 18.673 4 18.533 4 18.253m0 0c0-.235 0-.352.01-.451a2 2 0 0 1 1.792-1.792c.099-.01.216-.01.45-.01M4 18.253c0-.235 0-.352.01-.45a2 2 0 0 1 1.792-1.793c.099-.01.216-.01.45-.01"/></g></svg>

Cómo usar el icono Music Fill

React

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

<Icon icon="lets-icons:music-fill" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:music-fill" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:music-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="lets-icons:music-fill"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/music-fill.svg" alt="Icono Music Fill" width="24" height="24">

Iconos relacionados en Lets Icons

El icono Music Fill en otras colecciones

Preguntas frecuentes sobre Icono Music Fill

¿El icono Music Fill es gratis para uso comercial?

Sí. Lets Icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Music Fill en React?

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

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

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

Ver todos los Lets Icons →