Music Fill icon
lets-icons:music-fill
The Music Fill icon (lets-icons:music-fill) is a free SVG icon from the Lets Icons set by Leonid Tsvetkov. It is drawn on a 24 × 24 grid. Lets Icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Lets Icons
- Author
- Leonid Tsvetkov
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Media
- Tags
- musicfill
SVG code
<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>How to use the Music Fill icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/lets-icons/music-fill.svg" alt="Music Fill icon" width="24" height="24">Related icons in Lets Icons
Music Fill icon in other icon sets
Music Fill icon FAQ
Is the Music Fill icon free for commercial use?
Yes. Lets Icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Music Fill icon in React?
Install @iconify/react and render <Icon icon="lets-icons:music-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Music Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/lets-icons/music-fill.svg" alt="Music Fill icon">, or paste the SVG code inline to style it with CSS.