musical-note

pnpm dlx shadcn@latest add https://opensourceicon.com/r/fluent-emoji/musical-note.json

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" 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>