musical-keyboard

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

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ire0K7b6)"><path fill="url(#idOX8Ne6)" d="M2.07 28.906a1 1 0 0 0 1 1h25.86a1 1 0 0 0 1-1V8.984H2.07z"/><path fill="url(#iMbCaJe6)" d="M2.07 28.906a1 1 0 0 0 1 1h25.86a1 1 0 0 0 1-1V8.984H2.07z"/><path fill="url(#iUU4vcc6)" d="M2.07 28.906a1 1 0 0 0 1 1h25.86a1 1 0 0 0 1-1V8.984H2.07z"/></g><g filter="url(#i4WegOd6)"><path fill="url(#i0JYYFe6)" d="M3.055 8.984h5.968V27.75a1 1 0 0 1-1 1H4.055a1 1 0 0 1-1-1z"/><path fill="url(#i2j0Gze6)" d="M3.055 8.984h5.968V27.75a1 1 0 0 1-1 1H4.055a1 1 0 0 1-1-1z"/><path fill="url(#iOHAEsc6)" d="M3.055 8.984h5.968V27.75a1 1 0 0 1-1 1H4.055a1 1 0 0 1-1-1z"/></g><g filter="url(#ifz6LXc6)"><path fill="url(#i9KjLzb6)" d="M9.7 8.984h5.97V27.75a1 1 0 0 1-1 1H10.7a1 1 0 0 1-1-1z"/><path fill="url(#iQi9uqb6)" d="M9.7 8.984h5.97V27.75a1 1 0 0 1-1 1H10.7a1 1 0 0 1-1-1z"/><path fill="url(#iDWqZ2b6)" d="M9.7 8.984h5.97V27.75a1 1 0 0 1-1 1H10.7a1 1 0 0 1-1-1z"/></g><g filter="url(#iATo2Je6)"><path fill="url(#iAH1w8c6)" d="M16.346 8.984h5.97V27.75a1 1 0 0 1-1 1h-3.97a1 1 0 0 1-1-1z"/><path fill="url(#iapFu6b6)" d="M16.346 8.984h5.97V27.75a1 1 0 0 1-1 1h-3.97a1 1 0 0 1-1-1z"/><path fill="url(#iDbewkc6)" d="M16.346 8.984h5.97V27.75a1 1 0 0 1-1 1h-3.97a1 1 0 0 1-1-1z"/></g><g filter="url(#iKsc7fd6)"><path fill="url(#ip5MnRd6)" d="M22.992 8.984h5.969V27.75a1 1 0 0 1-1 1h-3.969a1 1 0 0 1-1-1z"/><path fill="url(#iloNN1t6)" d="M22.992 8.984h5.969V27.75a1 1 0 0 1-1 1h-3.969a1 1 0 0 1-1-1z"/><path fill="url(#iMXJvOG6)" d="M22.992 8.984h5.969V27.75a1 1 0 0 1-1 1h-3.969a1 1 0 0 1-1-1z"/><path fill="url(#inf2a7Q6)" d="M22.992 8.984h5.969V27.75a1 1 0 0 1-1 1h-3.969a1 1 0 0 1-1-1z"/></g><g filter="url(#iEGmUOc6)"><path fill="#C8BBD7" d="M6.839 8.984h3.287v11.289c0 .537-.403.972-.9.972H7.739c-.497 0-.9-.435-.9-.972z"/></g><g filter="url(#iJoS3Zb6)"><path fill="#C8BBD7" d="M13.547 8.984h3.287v11.289c0 .537-.402.972-.899.972h-1.489c-.496 0-.899-.435-.899-.972z"/></g><g filter="url(#iJzj2Pb6)"><path fill="#C8BBD7" d="M20.256 8.984h3.287v11.289c0 .537-.403.972-.9.972h-1.488c-.497 0-.899-.435-.899-.972z"/></g><g filter="url(#iZTDFEq6)"><path fill="url(#ilqlAkK6)" d="M2.07 3.078a1 1 0 0 1 1-1h25.86a1 1 0 0 1 1 1v5.906H2.07z"/></g><path fill="url(#iLTkmcd6)" d="M2.07 3.078a1 1 0 0 1 1-1h25.86a1 1 0 0 1 1 1v5.906H2.07z"/><g filter="url(#iBwAKpc6)"><path fill="url(#iucXdre6)" d="M7.617 8.984h3.656v11.61a1 1 0 0 1-1 1H8.617a1 1 0 0 1-1-1z"/><path fill="url(#i9Y8xfb6)" d="M7.617 8.984h3.656v11.61a1 1 0 0 1-1 1H8.617a1 1 0 0 1-1-1z"/><path fill="url(#i8Xhsbc6)" d="M7.617 8.984h3.656v11.61a1 1 0 0 1-1 1H8.617a1 1 0 0 1-1-1z"/></g><g filter="url(#iDFHYRb6)"><path fill="url(#in7QGFe6)" d="M14.172 8.984h3.656v11.61a1 1 0 0 1-1 1h-1.656a1 1 0 0 1-1-1z"/><path fill="url(#iHajK4b6)" d="M14.172 8.984h3.656v11.61a1 1 0 0 1-1 1h-1.656a1 1 0 0 1-1-1z"/><path fill="url(#io5sllc6)" d="M14.172 8.984h3.656v11.61a1 1 0 0 1-1 1h-1.656a1 1 0 0 1-1-1z"/></g><g filter="url(#ifD1MFd6)"><path fill="url(#irlrUSd6)" d="M20.727 8.984h3.656v11.61a1 1 0 0 1-1 1h-1.656a1 1 0 0 1-1-1z"/><path fill="url(#iicRtPe6)" d="M20.727 8.984h3.656v11.61a1 1 0 0 1-1 1h-1.656a1 1 0 0 1-1-1z"/><path fill="url(#iD4iURb6)" d="M20.727 8.984h3.656v11.61a1 1 0 0 1-1 1h-1.656a1 1 0 0 1-1-1z"/></g><defs><linearGradient id="idOX8Ne6" x1="21.711" x2="30.398" y1="18.375" y2="18.375" gradientUnits="userSpaceOnUse"><stop stop-color="#948F99"/><stop offset="1" stop-color="#C3BFC7"/></linearGradient><linearGradient id="iMbCaJe6" x1="30.084" x2="29.436" y1="23.802" y2="23.802" gradientUnits="userSpaceOnUse"><stop offset=".286" stop-color="#CAC7CE"/><stop offset="1" stop-color="#CAC7CE" stop-opacity="0"/></linearGradient><linearGradient id="iUU4vcc6" x1="15.086" x2="15.086" y1="29.906" y2="27.657" gradientUnits="userSpaceOnUse"><stop stop-color="#A088B8"/><stop offset="1" stop-color="#A092B0" stop-opacity="0"/></linearGradient><linearGradient id="i0JYYFe6" x1="6.039" x2="6.039" y1="8.984" y2="27.805" gradientUnits="userSpaceOnUse"><stop stop-color="#C3B8CF"/><stop offset=".571" stop-color="#E3D6F2"/></linearGradient><linearGradient id="i2j0Gze6" x1="6.252" x2="6.252" y1="28.954" y2="27.62" gradientUnits="userSpaceOnUse"><stop offset=".083" stop-color="#B9A1D1"/><stop offset="1" stop-color="#E1D1F2" stop-opacity="0"/></linearGradient><linearGradient id="i9KjLzb6" x1="12.685" x2="12.685" y1="8.984" y2="27.805" gradientUnits="userSpaceOnUse"><stop stop-color="#C3B8CF"/><stop offset=".571" stop-color="#E3D6F2"/></linearGradient><linearGradient id="iQi9uqb6" x1="12.898" x2="12.898" y1="28.954" y2="27.62" gradientUnits="userSpaceOnUse"><stop offset=".083" stop-color="#B9A1D1"/><stop offset="1" stop-color="#E1D1F2" stop-opacity="0"/></linearGradient><linearGradient id="iAH1w8c6" x1="19.331" x2="19.331" y1="8.984" y2="27.805" gradientUnits="userSpaceOnUse"><stop stop-color="#C3B8CF"/><stop offset=".571" stop-color="#E3D6F2"/></linearGradient><linearGradient id="iapFu6b6" x1="19.544" x2="19.544" y1="28.954" y2="27.62" gradientUnits="userSpaceOnUse"><stop offset=".083" stop-color="#B9A1D1"/><stop offset="1" stop-color="#E1D1F2" stop-opacity="0"/></linearGradient><linearGradient id="ip5MnRd6" x1="25.977" x2="25.977" y1="8.984" y2="27.805" gradientUnits="userSpaceOnUse"><stop stop-color="#C3B8CF"/><stop offset=".571" stop-color="#E3D6F2"/></linearGradient><linearGradient id="iMXJvOG6" x1="29.417" x2="27.787" y1="23.951" y2="23.951" gradientUnits="userSpaceOnUse"><stop stop-color="#F5EFFD"/><stop offset="1" stop-color="#E2D5F0" stop-opacity="0"/></linearGradient><linearGradient id="inf2a7Q6" x1="26.19" x2="26.19" y1="28.954" y2="27.62" gradientUnits="userSpaceOnUse"><stop offset=".083" stop-color="#B9A1D1"/><stop offset="1" stop-color="#E1D1F2" stop-opacity="0"/></linearGradient><linearGradient id="ilqlAkK6" x1="16" x2="16" y1="2.602" y2="8.984" gradientUnits="userSpaceOnUse"><stop stop-color="#473856"/><stop offset="1" stop-color="#41374B"/></linearGradient><linearGradient id="iLTkmcd6" x1="19.707" x2="19.707" y1="8.984" y2="8.504" gradientUnits="userSpaceOnUse"><stop stop-color="#372646"/><stop offset="1" stop-color="#372646" stop-opacity="0"/></linearGradient><linearGradient id="iucXdre6" x1="9.445" x2="9.445" y1="8.984" y2="21.594" gradientUnits="userSpaceOnUse"><stop offset=".334" stop-color="#58426C"/><stop offset="1" stop-color="#443C4B"/></linearGradient><linearGradient id="i9Y8xfb6" x1="11.404" x2="10.644" y1="18.873" y2="18.873" gradientUnits="userSpaceOnUse"><stop offset=".488" stop-color="#5A4D68"/><stop offset="1" stop-color="#5A4D68" stop-opacity="0"/></linearGradient><linearGradient id="i8Xhsbc6" x1="9.445" x2="9.445" y1="8.791" y2="9.866" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#42285C"/><stop offset="1" stop-color="#5A436E" stop-opacity="0"/></linearGradient><linearGradient id="in7QGFe6" x1="16" x2="16" y1="8.984" y2="21.594" gradientUnits="userSpaceOnUse"><stop offset=".334" stop-color="#58426C"/><stop offset="1" stop-color="#443C4B"/></linearGradient><linearGradient id="iHajK4b6" x1="17.959" x2="17.199" y1="18.873" y2="18.873" gradientUnits="userSpaceOnUse"><stop offset=".488" stop-color="#5A4D68"/><stop offset="1" stop-color="#5A4D68" stop-opacity="0"/></linearGradient><linearGradient id="io5sllc6" x1="16" x2="16" y1="8.791" y2="9.866" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#42285C"/><stop offset="1" stop-color="#5A436E" stop-opacity="0"/></linearGradient><linearGradient id="irlrUSd6" x1="22.555" x2="22.555" y1="8.984" y2="21.594" gradientUnits="userSpaceOnUse"><stop offset=".334" stop-color="#58426C"/><stop offset="1" stop-color="#443C4B"/></linearGradient><linearGradient id="iicRtPe6" x1="24.514" x2="23.754" y1="18.873" y2="18.873" gradientUnits="userSpaceOnUse"><stop offset=".488" stop-color="#5A4D68"/><stop offset="1" stop-color="#5A4D68" stop-opacity="0"/></linearGradient><linearGradient id="iD4iURb6" x1="22.555" x2="22.555" y1="8.791" y2="9.866" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#42285C"/><stop offset="1" stop-color="#5A436E" stop-opacity="0"/></linearGradient><filter id="ire0K7b6" width="27.959" height="21.022" x="2.07" y="8.884" 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=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.592157 0 0 0 0 0.552941 0 0 0 0 0.635294 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><filter id="i4WegOd6" width="6.169" height="19.766" x="3.055" y="8.984" 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=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.678431 0 0 0 0 0.654902 0 0 0 0 0.701961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><filter id="ifz6LXc6" width="6.169" height="19.766" x="9.701" y="8.984" 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=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.678431 0 0 0 0 0.654902 0 0 0 0 0.701961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><filter id="iATo2Je6" width="6.169" height="19.766" x="16.346" y="8.984" 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=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.678431 0 0 0 0 0.654902 0 0 0 0 0.701961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><filter id="iKsc7fd6" width="6.169" height="19.766" x="22.992" y="8.984" 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=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.678431 0 0 0 0 0.654902 0 0 0 0 0.701961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><filter id="iEGmUOc6" width="4.787" height="13.761" x="6.089" y="8.234" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_18699" stdDeviation=".375"/></filter><filter id="iJoS3Zb6" width="4.787" height="13.761" x="12.797" y="8.234" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_18699" stdDeviation=".375"/></filter><filter id="iJzj2Pb6" width="4.787" height="13.761" x="19.506" y="8.234" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_18699" stdDeviation=".375"/></filter><filter id="iZTDFEq6" width="28.609" height="7.156" x="1.57" y="2.078" 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="-.5" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.360784 0 0 0 0 0.447059 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/><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=".5" dy=".25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.254902 0 0 0 0 0.239216 0 0 0 0 0.27451 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_18699" result="effect2_innerShadow_18_18699"/></filter><filter id="iBwAKpc6" width="4.006" height="12.859" x="7.617" y="8.734" 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=".35" dy="-.25"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.188235 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><filter id="iDFHYRb6" width="4.006" height="12.859" x="14.172" y="8.734" 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=".35" dy="-.25"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.188235 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><filter id="ifD1MFd6" width="4.006" height="12.859" x="20.727" y="8.734" 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=".35" dy="-.25"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.188235 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_18699"/></filter><radialGradient id="iOHAEsc6" cx="0" cy="0" r="1" gradientTransform="matrix(-4.48474 0 0 -14.2264 9.591 16.723)" gradientUnits="userSpaceOnUse"><stop stop-color="#ECE3F6"/><stop offset="1" stop-color="#ECE3F6" stop-opacity="0"/></radialGradient><radialGradient id="iDWqZ2b6" cx="0" cy="0" r="1" gradientTransform="matrix(-4.48474 0 0 -14.2264 16.237 16.723)" gradientUnits="userSpaceOnUse"><stop stop-color="#ECE3F6"/><stop offset="1" stop-color="#ECE3F6" stop-opacity="0"/></radialGradient><radialGradient id="iDbewkc6" cx="0" cy="0" r="1" gradientTransform="matrix(-4.48474 0 0 -14.2264 22.883 16.723)" gradientUnits="userSpaceOnUse"><stop stop-color="#ECE3F6"/><stop offset="1" stop-color="#ECE3F6" stop-opacity="0"/></radialGradient><radialGradient id="iloNN1t6" cx="0" cy="0" r="1" gradientTransform="matrix(-4.48474 0 0 -14.2264 29.529 16.723)" gradientUnits="userSpaceOnUse"><stop stop-color="#ECE3F6"/><stop offset="1" stop-color="#ECE3F6" stop-opacity="0"/></radialGradient></defs></g></svg>