musical note emoji
musical-note from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.
- Name
- musical-note
- Set
- Fluent Emoji
- Style
- Default
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
Related icons in Fluent Emoji
Use the musical note emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ivYOowC)"><path fill="url(#i6ldRub)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/></g><path fill="url(#ixhF3hd)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#i244Gob)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#itZP1Pr)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#ikv5m4b)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#ipgTRoc)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#iNXlIqb)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#i18CbLb)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#ixHSege)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#iwQAcde)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#i3Zfzld)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#iRWZZje)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#i06jr9L)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#ivmH5Bc)"/><defs><radialGradient id="i244Gob" cx="0" cy="0" r="1" gradientTransform="matrix(-1.71232 1.59559 -.48878 -.52454 29.205 2.22)" gradientUnits="userSpaceOnUse"><stop stop-color="#635A6D"/><stop offset="1" stop-color="#635A6D" stop-opacity="0"/></radialGradient><radialGradient id="itZP1Pr" cx="0" cy="0" r="1" gradientTransform="matrix(.90625 -1.125 3.33341 2.68524 27.318 17.266)" gradientUnits="userSpaceOnUse"><stop offset=".582" stop-color="#535254"/><stop offset="1" stop-color="#535254" stop-opacity="0"/></radialGradient><radialGradient id="ikv5m4b" cx="0" cy="0" r="1" gradientTransform="rotate(-47.121 29.617 -4.108)scale(1.49258 4.0639)" gradientUnits="userSpaceOnUse"><stop offset=".382" stop-color="#4F4D50"/><stop offset="1" stop-color="#4F4D50" stop-opacity="0"/></radialGradient><radialGradient id="ipgTRoc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.75 9.28125 0 8.646 29.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#442B58"/><stop offset="1" stop-color="#38353B"/></radialGradient><radialGradient id="iNXlIqb" cx="0" cy="0" r="1" gradientTransform="rotate(130.389 .67 13.963)scale(5.49787)" gradientUnits="userSpaceOnUse"><stop stop-color="#5A585C"/><stop offset="1" stop-color="#5A585C" stop-opacity="0"/></radialGradient><radialGradient id="i18CbLb" cx="0" cy="0" r="1" gradientTransform="rotate(-169.765 6.535 11.826)scale(9.14552 9.40265)" gradientUnits="userSpaceOnUse"><stop offset=".619" stop-color="#5C5C5C" stop-opacity="0"/><stop offset="1" stop-color="#828282"/></radialGradient><radialGradient id="ixHSege" cx="0" cy="0" r="1" gradientTransform="matrix(8.19062 0 0 10.8866 7.297 24.16)" gradientUnits="userSpaceOnUse"><stop offset=".796" stop-color="#575658" stop-opacity="0"/><stop offset=".955" stop-color="#575658"/></radialGradient><radialGradient id="iwQAcde" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.75342 -6.8464 0 8.646 23.588)" gradientUnits="userSpaceOnUse"><stop offset=".881" stop-color="#64487C" stop-opacity="0"/><stop offset="1" stop-color="#64487C"/></radialGradient><radialGradient id="i3Zfzld" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.75 9.28125 0 23.537 26.11)" gradientUnits="userSpaceOnUse"><stop offset=".162" stop-color="#442B58"/><stop offset="1" stop-color="#38353B"/></radialGradient><radialGradient id="iRWZZje" cx="0" cy="0" r="1" gradientTransform="rotate(139.445 10.366 14.751)scale(6.27234 5.45698)" gradientUnits="userSpaceOnUse"><stop stop-color="#5F5F60"/><stop offset="1" stop-color="#5F5F60" stop-opacity="0"/></radialGradient><radialGradient id="i06jr9L" cx="0" cy="0" r="1" gradientTransform="matrix(8.19062 0 0 10.8866 22.188 20.769)" gradientUnits="userSpaceOnUse"><stop offset=".796" stop-color="#575658" stop-opacity="0"/><stop offset=".955" stop-color="#575658"/></radialGradient><radialGradient id="ivmH5Bc" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.75342 -6.8464 0 23.537 20.198)" gradientUnits="userSpaceOnUse"><stop offset=".881" stop-color="#64487C" stop-opacity="0"/><stop offset="1" stop-color="#64487C"/></radialGradient><linearGradient id="i6ldRub" x1="19.96" x2="19.96" y1="8.185" y2="24.491" gradientUnits="userSpaceOnUse"><stop stop-color="#473B53"/><stop offset="1" stop-color="#433D4A"/></linearGradient><linearGradient id="ixhF3hd" x1="10.311" x2="11.537" y1="17.32" y2="17.32" gradientUnits="userSpaceOnUse"><stop stop-color="#7E7C80"/><stop offset="1" stop-color="#39373D" stop-opacity="0"/></linearGradient><filter id="ivYOowC" width="20.535" height="23.342" x="9.693" y="1.899" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.211765 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18060"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.317647 0 0 0 0 0.298039 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_18060" result="effect2_innerShadow_18_18060"/></filter></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiMusicalNote(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ivYOowC)"><path fill="url(#i6ldRub)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/></g><path fill="url(#ixhF3hd)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#i244Gob)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#itZP1Pr)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#ikv5m4b)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#ipgTRoc)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#iNXlIqb)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#i18CbLb)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#ixHSege)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#iwQAcde)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#i3Zfzld)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#iRWZZje)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#i06jr9L)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#ivmH5Bc)"/><defs><radialGradient id="i244Gob" cx="0" cy="0" r="1" gradientTransform="matrix(-1.71232 1.59559 -.48878 -.52454 29.205 2.22)" gradientUnits="userSpaceOnUse"><stop stopColor="#635A6D"/><stop offset="1" stopColor="#635A6D" stopOpacity="0"/></radialGradient><radialGradient id="itZP1Pr" cx="0" cy="0" r="1" gradientTransform="matrix(.90625 -1.125 3.33341 2.68524 27.318 17.266)" gradientUnits="userSpaceOnUse"><stop offset=".582" stopColor="#535254"/><stop offset="1" stopColor="#535254" stopOpacity="0"/></radialGradient><radialGradient id="ikv5m4b" cx="0" cy="0" r="1" gradientTransform="rotate(-47.121 29.617 -4.108)scale(1.49258 4.0639)" gradientUnits="userSpaceOnUse"><stop offset=".382" stopColor="#4F4D50"/><stop offset="1" stopColor="#4F4D50" stopOpacity="0"/></radialGradient><radialGradient id="ipgTRoc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.75 9.28125 0 8.646 29.5)" gradientUnits="userSpaceOnUse"><stop stopColor="#442B58"/><stop offset="1" stopColor="#38353B"/></radialGradient><radialGradient id="iNXlIqb" cx="0" cy="0" r="1" gradientTransform="rotate(130.389 .67 13.963)scale(5.49787)" gradientUnits="userSpaceOnUse"><stop stopColor="#5A585C"/><stop offset="1" stopColor="#5A585C" stopOpacity="0"/></radialGradient><radialGradient id="i18CbLb" cx="0" cy="0" r="1" gradientTransform="rotate(-169.765 6.535 11.826)scale(9.14552 9.40265)" gradientUnits="userSpaceOnUse"><stop offset=".619" stopColor="#5C5C5C" stopOpacity="0"/><stop offset="1" stopColor="#828282"/></radialGradient><radialGradient id="ixHSege" cx="0" cy="0" r="1" gradientTransform="matrix(8.19062 0 0 10.8866 7.297 24.16)" gradientUnits="userSpaceOnUse"><stop offset=".796" stopColor="#575658" stopOpacity="0"/><stop offset=".955" stopColor="#575658"/></radialGradient><radialGradient id="iwQAcde" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.75342 -6.8464 0 8.646 23.588)" gradientUnits="userSpaceOnUse"><stop offset=".881" stopColor="#64487C" stopOpacity="0"/><stop offset="1" stopColor="#64487C"/></radialGradient><radialGradient id="i3Zfzld" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.75 9.28125 0 23.537 26.11)" gradientUnits="userSpaceOnUse"><stop offset=".162" stopColor="#442B58"/><stop offset="1" stopColor="#38353B"/></radialGradient><radialGradient id="iRWZZje" cx="0" cy="0" r="1" gradientTransform="rotate(139.445 10.366 14.751)scale(6.27234 5.45698)" gradientUnits="userSpaceOnUse"><stop stopColor="#5F5F60"/><stop offset="1" stopColor="#5F5F60" stopOpacity="0"/></radialGradient><radialGradient id="i06jr9L" cx="0" cy="0" r="1" gradientTransform="matrix(8.19062 0 0 10.8866 22.188 20.769)" gradientUnits="userSpaceOnUse"><stop offset=".796" stopColor="#575658" stopOpacity="0"/><stop offset=".955" stopColor="#575658"/></radialGradient><radialGradient id="ivmH5Bc" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.75342 -6.8464 0 23.537 20.198)" gradientUnits="userSpaceOnUse"><stop offset=".881" stopColor="#64487C" stopOpacity="0"/><stop offset="1" stopColor="#64487C"/></radialGradient><linearGradient id="i6ldRub" x1="19.96" x2="19.96" y1="8.185" y2="24.491" gradientUnits="userSpaceOnUse"><stop stopColor="#473B53"/><stop offset="1" stopColor="#433D4A"/></linearGradient><linearGradient id="ixhF3hd" x1="10.311" x2="11.537" y1="17.32" y2="17.32" gradientUnits="userSpaceOnUse"><stop stopColor="#7E7C80"/><stop offset="1" stopColor="#39373D" stopOpacity="0"/></linearGradient><filter id="ivYOowC" width="20.535" height="23.342" x="9.693" y="1.899" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.211765 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18060"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.317647 0 0 0 0 0.298039 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_18060" result="effect2_innerShadow_18_18060"/></filter></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ivYOowC)"><path fill="url(#i6ldRub)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/></g><path fill="url(#ixhF3hd)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#i244Gob)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#itZP1Pr)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><path fill="url(#ikv5m4b)" d="M29.478 3.1a1.2 1.2 0 0 0-1.35-1.191L11.493 4.002a1.2 1.2 0 0 0-1.05 1.191v19.298h4.144v-14.47a1 1 0 0 1 .876-.992l8.746-1.1a1 1 0 0 1 1.125.992v11.883h4.144z"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#ipgTRoc)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#iNXlIqb)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#i18CbLb)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#ixHSege)"/><circle cx="8.646" cy="24.159" r="5.941" fill="url(#iwQAcde)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#i3Zfzld)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#iRWZZje)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#i06jr9L)"/><circle cx="23.537" cy="20.769" r="5.941" fill="url(#ivmH5Bc)"/><defs><radialGradient id="i244Gob" cx="0" cy="0" r="1" gradientTransform="matrix(-1.71232 1.59559 -.48878 -.52454 29.205 2.22)" gradientUnits="userSpaceOnUse"><stop stop-color="#635A6D"/><stop offset="1" stop-color="#635A6D" stop-opacity="0"/></radialGradient><radialGradient id="itZP1Pr" cx="0" cy="0" r="1" gradientTransform="matrix(.90625 -1.125 3.33341 2.68524 27.318 17.266)" gradientUnits="userSpaceOnUse"><stop offset=".582" stop-color="#535254"/><stop offset="1" stop-color="#535254" stop-opacity="0"/></radialGradient><radialGradient id="ikv5m4b" cx="0" cy="0" r="1" gradientTransform="rotate(-47.121 29.617 -4.108)scale(1.49258 4.0639)" gradientUnits="userSpaceOnUse"><stop offset=".382" stop-color="#4F4D50"/><stop offset="1" stop-color="#4F4D50" stop-opacity="0"/></radialGradient><radialGradient id="ipgTRoc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.75 9.28125 0 8.646 29.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#442B58"/><stop offset="1" stop-color="#38353B"/></radialGradient><radialGradient id="iNXlIqb" cx="0" cy="0" r="1" gradientTransform="rotate(130.389 .67 13.963)scale(5.49787)" gradientUnits="userSpaceOnUse"><stop stop-color="#5A585C"/><stop offset="1" stop-color="#5A585C" stop-opacity="0"/></radialGradient><radialGradient id="i18CbLb" cx="0" cy="0" r="1" gradientTransform="rotate(-169.765 6.535 11.826)scale(9.14552 9.40265)" gradientUnits="userSpaceOnUse"><stop offset=".619" stop-color="#5C5C5C" stop-opacity="0"/><stop offset="1" stop-color="#828282"/></radialGradient><radialGradient id="ixHSege" cx="0" cy="0" r="1" gradientTransform="matrix(8.19062 0 0 10.8866 7.297 24.16)" gradientUnits="userSpaceOnUse"><stop offset=".796" stop-color="#575658" stop-opacity="0"/><stop offset=".955" stop-color="#575658"/></radialGradient><radialGradient id="iwQAcde" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.75342 -6.8464 0 8.646 23.588)" gradientUnits="userSpaceOnUse"><stop offset=".881" stop-color="#64487C" stop-opacity="0"/><stop offset="1" stop-color="#64487C"/></radialGradient><radialGradient id="i3Zfzld" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.75 9.28125 0 23.537 26.11)" gradientUnits="userSpaceOnUse"><stop offset=".162" stop-color="#442B58"/><stop offset="1" stop-color="#38353B"/></radialGradient><radialGradient id="iRWZZje" cx="0" cy="0" r="1" gradientTransform="rotate(139.445 10.366 14.751)scale(6.27234 5.45698)" gradientUnits="userSpaceOnUse"><stop stop-color="#5F5F60"/><stop offset="1" stop-color="#5F5F60" stop-opacity="0"/></radialGradient><radialGradient id="i06jr9L" cx="0" cy="0" r="1" gradientTransform="matrix(8.19062 0 0 10.8866 22.188 20.769)" gradientUnits="userSpaceOnUse"><stop offset=".796" stop-color="#575658" stop-opacity="0"/><stop offset=".955" stop-color="#575658"/></radialGradient><radialGradient id="ivmH5Bc" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.75342 -6.8464 0 23.537 20.198)" gradientUnits="userSpaceOnUse"><stop offset=".881" stop-color="#64487C" stop-opacity="0"/><stop offset="1" stop-color="#64487C"/></radialGradient><linearGradient id="i6ldRub" x1="19.96" x2="19.96" y1="8.185" y2="24.491" gradientUnits="userSpaceOnUse"><stop stop-color="#473B53"/><stop offset="1" stop-color="#433D4A"/></linearGradient><linearGradient id="ixhF3hd" x1="10.311" x2="11.537" y1="17.32" y2="17.32" gradientUnits="userSpaceOnUse"><stop stop-color="#7E7C80"/><stop offset="1" stop-color="#39373D" stop-opacity="0"/></linearGradient><filter id="ivYOowC" width="20.535" height="23.342" x="9.693" y="1.899" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.211765 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18060"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.317647 0 0 0 0 0.298039 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_18060" result="effect2_innerShadow_18_18060"/></filter></defs></g></svg> </template>
CSS
.icon-musical-note {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23ivYOowC)%22%3E%3Cpath%20fill%3D%22url(%23i6ldRub)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ixhF3hd)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Cpath%20fill%3D%22url(%23i244Gob)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Cpath%20fill%3D%22url(%23itZP1Pr)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Cpath%20fill%3D%22url(%23ikv5m4b)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23ipgTRoc)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23iNXlIqb)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23i18CbLb)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23ixHSege)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23iwQAcde)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23i3Zfzld)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23iRWZZje)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23i06jr9L)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23ivmH5Bc)%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22i244Gob%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.71232%201.59559%20-.48878%20-.52454%2029.205%202.22)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23635A6D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23635A6D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22itZP1Pr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(.90625%20-1.125%203.33341%202.68524%2027.318%2017.266)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.582%22%20stop-color%3D%22%23535254%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23535254%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ikv5m4b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-47.121%2029.617%20-4.108)scale(1.49258%204.0639)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.382%22%20stop-color%3D%22%234F4D50%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234F4D50%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipgTRoc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.75%209.28125%200%208.646%2029.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23442B58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2338353B%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iNXlIqb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(130.389%20.67%2013.963)scale(5.49787)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235A585C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235A585C%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i18CbLb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-169.765%206.535%2011.826)scale(9.14552%209.40265)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.619%22%20stop-color%3D%22%235C5C5C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23828282%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ixHSege%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(8.19062%200%200%2010.8866%207.297%2024.16)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.796%22%20stop-color%3D%22%23575658%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23575658%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iwQAcde%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.75342%20-6.8464%200%208.646%2023.588)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.881%22%20stop-color%3D%22%2364487C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2364487C%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i3Zfzld%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.75%209.28125%200%2023.537%2026.11)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.162%22%20stop-color%3D%22%23442B58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2338353B%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iRWZZje%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(139.445%2010.366%2014.751)scale(6.27234%205.45698)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235F5F60%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235F5F60%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i06jr9L%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(8.19062%200%200%2010.8866%2022.188%2020.769)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.796%22%20stop-color%3D%22%23575658%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23575658%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ivmH5Bc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.75342%20-6.8464%200%2023.537%2020.198)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.881%22%20stop-color%3D%22%2364487C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2364487C%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22i6ldRub%22%20x1%3D%2219.96%22%20x2%3D%2219.96%22%20y1%3D%228.185%22%20y2%3D%2224.491%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23473B53%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23433D4A%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixhF3hd%22%20x1%3D%2210.311%22%20x2%3D%2211.537%22%20y1%3D%2217.32%22%20y2%3D%2217.32%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237E7C80%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2339373D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22ivYOowC%22%20width%3D%2220.535%22%20height%3D%2223.342%22%20x%3D%229.693%22%20y%3D%221.899%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.375%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.235294%200%200%200%200%200.211765%200%200%200%200%200.266667%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_18060%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.375%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.317647%200%200%200%200%200.298039%200%200%200%200%200.341176%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_18060%22%20result%3D%22effect2_innerShadow_18_18060%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23ivYOowC)%22%3E%3Cpath%20fill%3D%22url(%23i6ldRub)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ixhF3hd)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Cpath%20fill%3D%22url(%23i244Gob)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Cpath%20fill%3D%22url(%23itZP1Pr)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Cpath%20fill%3D%22url(%23ikv5m4b)%22%20d%3D%22M29.478%203.1a1.2%201.2%200%200%200-1.35-1.191L11.493%204.002a1.2%201.2%200%200%200-1.05%201.191v19.298h4.144v-14.47a1%201%200%200%201%20.876-.992l8.746-1.1a1%201%200%200%201%201.125.992v11.883h4.144z%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23ipgTRoc)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23iNXlIqb)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23i18CbLb)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23ixHSege)%22%2F%3E%3Ccircle%20cx%3D%228.646%22%20cy%3D%2224.159%22%20r%3D%225.941%22%20fill%3D%22url(%23iwQAcde)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23i3Zfzld)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23iRWZZje)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23i06jr9L)%22%2F%3E%3Ccircle%20cx%3D%2223.537%22%20cy%3D%2220.769%22%20r%3D%225.941%22%20fill%3D%22url(%23ivmH5Bc)%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22i244Gob%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.71232%201.59559%20-.48878%20-.52454%2029.205%202.22)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23635A6D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23635A6D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22itZP1Pr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(.90625%20-1.125%203.33341%202.68524%2027.318%2017.266)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.582%22%20stop-color%3D%22%23535254%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23535254%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ikv5m4b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-47.121%2029.617%20-4.108)scale(1.49258%204.0639)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.382%22%20stop-color%3D%22%234F4D50%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234F4D50%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipgTRoc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.75%209.28125%200%208.646%2029.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23442B58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2338353B%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iNXlIqb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(130.389%20.67%2013.963)scale(5.49787)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235A585C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235A585C%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i18CbLb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-169.765%206.535%2011.826)scale(9.14552%209.40265)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.619%22%20stop-color%3D%22%235C5C5C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23828282%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ixHSege%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(8.19062%200%200%2010.8866%207.297%2024.16)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.796%22%20stop-color%3D%22%23575658%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23575658%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iwQAcde%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.75342%20-6.8464%200%208.646%2023.588)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.881%22%20stop-color%3D%22%2364487C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2364487C%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i3Zfzld%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.75%209.28125%200%2023.537%2026.11)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.162%22%20stop-color%3D%22%23442B58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2338353B%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iRWZZje%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(139.445%2010.366%2014.751)scale(6.27234%205.45698)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235F5F60%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235F5F60%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i06jr9L%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(8.19062%200%200%2010.8866%2022.188%2020.769)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.796%22%20stop-color%3D%22%23575658%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23575658%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ivmH5Bc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.75342%20-6.8464%200%2023.537%2020.198)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.881%22%20stop-color%3D%22%2364487C%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2364487C%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22i6ldRub%22%20x1%3D%2219.96%22%20x2%3D%2219.96%22%20y1%3D%228.185%22%20y2%3D%2224.491%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23473B53%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23433D4A%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixhF3hd%22%20x1%3D%2210.311%22%20x2%3D%2211.537%22%20y1%3D%2217.32%22%20y2%3D%2217.32%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237E7C80%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2339373D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22ivYOowC%22%20width%3D%2220.535%22%20height%3D%2223.342%22%20x%3D%229.693%22%20y%3D%221.899%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.375%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.235294%200%200%200%200%200.211765%200%200%200%200%200.266667%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_18060%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.375%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.317647%200%200%200%200%200.298039%200%200%200%200%200.341176%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_18060%22%20result%3D%22effect2_innerShadow_18_18060%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/musical-note.svg?color=%231a73e8&size=48
