music filter icon
music-filter-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- music-filter-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the music filter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 3.75H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h20c.41 0 .75.34.75.75s-.34.75-.75.75m-11 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9c.41 0 .75.34.75.75s-.34.75-.75.75m-3 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75m-2 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75M21.86 7.678c-.59-.45-1.4-.54-2.35-.28l-4.35 1.18c-1.17.32-1.89 1.27-1.89 2.47v6.23c-.42-.24-.91-.39-1.43-.39c-1.61 0-2.93 1.31-2.93 2.93c0 1.61 1.31 2.93 2.93 2.93s2.93-1.31 2.93-2.93v-5.65l6.48-1.77v3.43c-.42-.24-.91-.39-1.43-.39c-1.61 0-2.93 1.31-2.93 2.93c0 1.61 1.31 2.93 2.93 2.93s2.93-1.31 2.93-2.93v-8.5c0-1.01-.3-1.75-.89-2.19m-10.02 13.57a1.43 1.43 0 1 1 0-2.86a1.43 1.43 0 0 1 0 2.86m7.98-1.45a1.43 1.43 0 1 1 0-2.86a1.43 1.43 0 0 1 0 2.86"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicFilterFilled(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" d="M22 3.75H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h20c.41 0 .75.34.75.75s-.34.75-.75.75m-11 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9c.41 0 .75.34.75.75s-.34.75-.75.75m-3 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75m-2 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75M21.86 7.678c-.59-.45-1.4-.54-2.35-.28l-4.35 1.18c-1.17.32-1.89 1.27-1.89 2.47v6.23c-.42-.24-.91-.39-1.43-.39c-1.61 0-2.93 1.31-2.93 2.93c0 1.61 1.31 2.93 2.93 2.93s2.93-1.31 2.93-2.93v-5.65l6.48-1.77v3.43c-.42-.24-.91-.39-1.43-.39c-1.61 0-2.93 1.31-2.93 2.93c0 1.61 1.31 2.93 2.93 2.93s2.93-1.31 2.93-2.93v-8.5c0-1.01-.3-1.75-.89-2.19m-10.02 13.57a1.43 1.43 0 1 1 0-2.86a1.43 1.43 0 0 1 0 2.86m7.98-1.45a1.43 1.43 0 1 1 0-2.86a1.43 1.43 0 0 1 0 2.86"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 3.75H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h20c.41 0 .75.34.75.75s-.34.75-.75.75m-11 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9c.41 0 .75.34.75.75s-.34.75-.75.75m-3 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75m-2 6H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75M21.86 7.678c-.59-.45-1.4-.54-2.35-.28l-4.35 1.18c-1.17.32-1.89 1.27-1.89 2.47v6.23c-.42-.24-.91-.39-1.43-.39c-1.61 0-2.93 1.31-2.93 2.93c0 1.61 1.31 2.93 2.93 2.93s2.93-1.31 2.93-2.93v-5.65l6.48-1.77v3.43c-.42-.24-.91-.39-1.43-.39c-1.61 0-2.93 1.31-2.93 2.93c0 1.61 1.31 2.93 2.93 2.93s2.93-1.31 2.93-2.93v-8.5c0-1.01-.3-1.75-.89-2.19m-10.02 13.57a1.43 1.43 0 1 1 0-2.86a1.43 1.43 0 0 1 0 2.86m7.98-1.45a1.43 1.43 0 1 1 0-2.86a1.43 1.43 0 0 1 0 2.86"/></svg> </template>
CSS
.icon-music-filter-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%20d%3D%22M22%203.75H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h20c.41%200%20.75.34.75.75s-.34.75-.75.75m-11%206H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h9c.41%200%20.75.34.75.75s-.34.75-.75.75m-3%206H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h6c.41%200%20.75.34.75.75s-.34.75-.75.75m-2%206H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h4c.41%200%20.75.34.75.75s-.34.75-.75.75M21.86%207.678c-.59-.45-1.4-.54-2.35-.28l-4.35%201.18c-1.17.32-1.89%201.27-1.89%202.47v6.23c-.42-.24-.91-.39-1.43-.39c-1.61%200-2.93%201.31-2.93%202.93c0%201.61%201.31%202.93%202.93%202.93s2.93-1.31%202.93-2.93v-5.65l6.48-1.77v3.43c-.42-.24-.91-.39-1.43-.39c-1.61%200-2.93%201.31-2.93%202.93c0%201.61%201.31%202.93%202.93%202.93s2.93-1.31%202.93-2.93v-8.5c0-1.01-.3-1.75-.89-2.19m-10.02%2013.57a1.43%201.43%200%201%201%200-2.86a1.43%201.43%200%200%201%200%202.86m7.98-1.45a1.43%201.43%200%201%201%200-2.86a1.43%201.43%200%200%201%200%202.86%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%20d%3D%22M22%203.75H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h20c.41%200%20.75.34.75.75s-.34.75-.75.75m-11%206H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h9c.41%200%20.75.34.75.75s-.34.75-.75.75m-3%206H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h6c.41%200%20.75.34.75.75s-.34.75-.75.75m-2%206H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h4c.41%200%20.75.34.75.75s-.34.75-.75.75M21.86%207.678c-.59-.45-1.4-.54-2.35-.28l-4.35%201.18c-1.17.32-1.89%201.27-1.89%202.47v6.23c-.42-.24-.91-.39-1.43-.39c-1.61%200-2.93%201.31-2.93%202.93c0%201.61%201.31%202.93%202.93%202.93s2.93-1.31%202.93-2.93v-5.65l6.48-1.77v3.43c-.42-.24-.91-.39-1.43-.39c-1.61%200-2.93%201.31-2.93%202.93c0%201.61%201.31%202.93%202.93%202.93s2.93-1.31%202.93-2.93v-8.5c0-1.01-.3-1.75-.89-2.19m-10.02%2013.57a1.43%201.43%200%201%201%200-2.86a1.43%201.43%200%200%201%200%202.86m7.98-1.45a1.43%201.43%200%201%201%200-2.86a1.43%201.43%200%200%201%200%202.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/music-filter-filled.svg?color=%231a73e8&size=48
