music off filled icon
music-off-filled from WeUI Icon by WeUI · Filled · MIT Free for personal and commercial use.
- Name
- music-off-filled
- Set
- WeUI Icon
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
Related icons in WeUI Icon
Use the music off filled icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m9.33 6.21l8.326 8.325c.213-.186.344-.46.344-.757v-9.47zM19.5 16.378l2.592 2.592l-1.06 1.06L4.06 3.061L5.12 2l2.837 2.836l10.935-2.394a.5.5 0 0 1 .607.488v13.45zM8 9.12V19.2c0 .937-.627 1.85-1.47 2.243c-.157.073-1.148.295-1.277.32c-1.243.25-2.198-.814-2.25-1.89s.653-1.974 1.472-2.139l1.265-.317c.447-.112.76-.514.76-.975V7.621l1.5 1.5zm9.744 9.744c-.356.094-.92.219-1.015.238c-1.253.25-2.217-.815-2.27-1.891a2.23 2.23 0 0 1 .335-1.296z"/></svg>
React
import type { SVGProps } from "react";
export function WeuiMusicOffFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="m9.33 6.21l8.326 8.325c.213-.186.344-.46.344-.757v-9.47zM19.5 16.378l2.592 2.592l-1.06 1.06L4.06 3.061L5.12 2l2.837 2.836l10.935-2.394a.5.5 0 0 1 .607.488v13.45zM8 9.12V19.2c0 .937-.627 1.85-1.47 2.243c-.157.073-1.148.295-1.277.32c-1.243.25-2.198-.814-2.25-1.89s.653-1.974 1.472-2.139l1.265-.317c.447-.112.76-.514.76-.975V7.621l1.5 1.5zm9.744 9.744c-.356.094-.92.219-1.015.238c-1.253.25-2.217-.815-2.27-1.891a2.23 2.23 0 0 1 .335-1.296z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m9.33 6.21l8.326 8.325c.213-.186.344-.46.344-.757v-9.47zM19.5 16.378l2.592 2.592l-1.06 1.06L4.06 3.061L5.12 2l2.837 2.836l10.935-2.394a.5.5 0 0 1 .607.488v13.45zM8 9.12V19.2c0 .937-.627 1.85-1.47 2.243c-.157.073-1.148.295-1.277.32c-1.243.25-2.198-.814-2.25-1.89s.653-1.974 1.472-2.139l1.265-.317c.447-.112.76-.514.76-.975V7.621l1.5 1.5zm9.744 9.744c-.356.094-.92.219-1.015.238c-1.253.25-2.217-.815-2.27-1.891a2.23 2.23 0 0 1 .335-1.296z"/></svg> </template>
CSS
.icon-music-off-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m9.33%206.21l8.326%208.325c.213-.186.344-.46.344-.757v-9.47zM19.5%2016.378l2.592%202.592l-1.06%201.06L4.06%203.061L5.12%202l2.837%202.836l10.935-2.394a.5.5%200%200%201%20.607.488v13.45zM8%209.12V19.2c0%20.937-.627%201.85-1.47%202.243c-.157.073-1.148.295-1.277.32c-1.243.25-2.198-.814-2.25-1.89s.653-1.974%201.472-2.139l1.265-.317c.447-.112.76-.514.76-.975V7.621l1.5%201.5zm9.744%209.744c-.356.094-.92.219-1.015.238c-1.253.25-2.217-.815-2.27-1.891a2.23%202.23%200%200%201%20.335-1.296z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m9.33%206.21l8.326%208.325c.213-.186.344-.46.344-.757v-9.47zM19.5%2016.378l2.592%202.592l-1.06%201.06L4.06%203.061L5.12%202l2.837%202.836l10.935-2.394a.5.5%200%200%201%20.607.488v13.45zM8%209.12V19.2c0%20.937-.627%201.85-1.47%202.243c-.157.073-1.148.295-1.277.32c-1.243.25-2.198-.814-2.25-1.89s.653-1.974%201.472-2.139l1.265-.317c.447-.112.76-.514.76-.975V7.621l1.5%201.5zm9.744%209.744c-.356.094-.92.219-1.015.238c-1.253.25-2.217-.815-2.27-1.891a2.23%202.23%200%200%201%20.335-1.296z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/weui/music-off-filled.svg?color=%231a73e8&size=48
