@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
855 lines (854 loc) • 27.9 kB
JSX
const React = require("react");
const MusicalKeyboardIcon = ({ title, titleId, ...props }) => (
<svg
width="1em"
height="1em"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g filter="url(#filter0_i_18_18699)">
<path
d="M2.07031 28.9062C2.07031 29.4585 2.51803 29.9062 3.07031 29.9062H28.9297C29.482 29.9062 29.9297 29.4585 29.9297 28.9062V8.98438H2.07031V28.9062Z"
fill="url(#paint0_linear_18_18699)"
/>
<path
d="M2.07031 28.9062C2.07031 29.4585 2.51803 29.9062 3.07031 29.9062H28.9297C29.482 29.9062 29.9297 29.4585 29.9297 28.9062V8.98438H2.07031V28.9062Z"
fill="url(#paint1_linear_18_18699)"
/>
<path
d="M2.07031 28.9062C2.07031 29.4585 2.51803 29.9062 3.07031 29.9062H28.9297C29.482 29.9062 29.9297 29.4585 29.9297 28.9062V8.98438H2.07031V28.9062Z"
fill="url(#paint2_linear_18_18699)"
/>
</g>
<g filter="url(#filter1_i_18_18699)">
<path
d="M3.05469 8.98438H9.02344V27.75C9.02344 28.3023 8.57572 28.75 8.02344 28.75H4.05469C3.5024 28.75 3.05469 28.3023 3.05469 27.75V8.98438Z"
fill="url(#paint3_linear_18_18699)"
/>
<path
d="M3.05469 8.98438H9.02344V27.75C9.02344 28.3023 8.57572 28.75 8.02344 28.75H4.05469C3.5024 28.75 3.05469 28.3023 3.05469 27.75V8.98438Z"
fill="url(#paint4_linear_18_18699)"
/>
<path
d="M3.05469 8.98438H9.02344V27.75C9.02344 28.3023 8.57572 28.75 8.02344 28.75H4.05469C3.5024 28.75 3.05469 28.3023 3.05469 27.75V8.98438Z"
fill="url(#paint5_radial_18_18699)"
/>
</g>
<g filter="url(#filter2_i_18_18699)">
<path
d="M9.70056 8.98438H15.6693V27.75C15.6693 28.3023 15.2216 28.75 14.6693 28.75H10.7006C10.1483 28.75 9.70056 28.3023 9.70056 27.75V8.98438Z"
fill="url(#paint6_linear_18_18699)"
/>
<path
d="M9.70056 8.98438H15.6693V27.75C15.6693 28.3023 15.2216 28.75 14.6693 28.75H10.7006C10.1483 28.75 9.70056 28.3023 9.70056 27.75V8.98438Z"
fill="url(#paint7_linear_18_18699)"
/>
<path
d="M9.70056 8.98438H15.6693V27.75C15.6693 28.3023 15.2216 28.75 14.6693 28.75H10.7006C10.1483 28.75 9.70056 28.3023 9.70056 27.75V8.98438Z"
fill="url(#paint8_radial_18_18699)"
/>
</g>
<g filter="url(#filter3_i_18_18699)">
<path
d="M16.3463 8.98438H22.3151V27.75C22.3151 28.3023 21.8673 28.75 21.3151 28.75H17.3463C16.794 28.75 16.3463 28.3023 16.3463 27.75V8.98438Z"
fill="url(#paint9_linear_18_18699)"
/>
<path
d="M16.3463 8.98438H22.3151V27.75C22.3151 28.3023 21.8673 28.75 21.3151 28.75H17.3463C16.794 28.75 16.3463 28.3023 16.3463 27.75V8.98438Z"
fill="url(#paint10_linear_18_18699)"
/>
<path
d="M16.3463 8.98438H22.3151V27.75C22.3151 28.3023 21.8673 28.75 21.3151 28.75H17.3463C16.794 28.75 16.3463 28.3023 16.3463 27.75V8.98438Z"
fill="url(#paint11_radial_18_18699)"
/>
</g>
<g filter="url(#filter4_i_18_18699)">
<path
d="M22.9922 8.98438H28.9609V27.75C28.9609 28.3023 28.5132 28.75 27.9609 28.75H23.9922C23.4399 28.75 22.9922 28.3023 22.9922 27.75V8.98438Z"
fill="url(#paint12_linear_18_18699)"
/>
<path
d="M22.9922 8.98438H28.9609V27.75C28.9609 28.3023 28.5132 28.75 27.9609 28.75H23.9922C23.4399 28.75 22.9922 28.3023 22.9922 27.75V8.98438Z"
fill="url(#paint13_radial_18_18699)"
/>
<path
d="M22.9922 8.98438H28.9609V27.75C28.9609 28.3023 28.5132 28.75 27.9609 28.75H23.9922C23.4399 28.75 22.9922 28.3023 22.9922 27.75V8.98438Z"
fill="url(#paint14_linear_18_18699)"
/>
<path
d="M22.9922 8.98438H28.9609V27.75C28.9609 28.3023 28.5132 28.75 27.9609 28.75H23.9922C23.4399 28.75 22.9922 28.3023 22.9922 27.75V8.98438Z"
fill="url(#paint15_linear_18_18699)"
/>
</g>
<g filter="url(#filter5_f_18_18699)">
<path
d="M6.83887 8.98438H10.1256V20.2726C10.1256 20.8096 9.7231 21.2449 9.22664 21.2449H7.73779C7.24133 21.2449 6.83887 20.8096 6.83887 20.2726V8.98438Z"
fill="#C8BBD7"
/>
</g>
<g filter="url(#filter6_f_18_18699)">
<path
d="M13.5474 8.98438H16.8341V20.2726C16.8341 20.8096 16.4316 21.2449 15.9351 21.2449H14.4463C13.9498 21.2449 13.5474 20.8096 13.5474 20.2726V8.98438Z"
fill="#C8BBD7"
/>
</g>
<g filter="url(#filter7_f_18_18699)">
<path
d="M20.256 8.98438H23.5427V20.2726C23.5427 20.8096 23.1402 21.2449 22.6438 21.2449H21.1549C20.6584 21.2449 20.256 20.8096 20.256 20.2726V8.98438Z"
fill="#C8BBD7"
/>
</g>
<g filter="url(#filter8_ii_18_18699)">
<path
d="M2.07031 3.07812C2.07031 2.52584 2.51803 2.07812 3.07031 2.07812H28.9297C29.482 2.07812 29.9297 2.52584 29.9297 3.07812V8.98438H2.07031V3.07812Z"
fill="url(#paint16_linear_18_18699)"
/>
</g>
<path
d="M2.07031 3.07812C2.07031 2.52584 2.51803 2.07812 3.07031 2.07812H28.9297C29.482 2.07812 29.9297 2.52584 29.9297 3.07812V8.98438H2.07031V3.07812Z"
fill="url(#paint17_linear_18_18699)"
/>
<g filter="url(#filter9_i_18_18699)">
<path
d="M7.61719 8.98438H11.2734V20.5938C11.2734 21.146 10.8257 21.5938 10.2734 21.5938H8.61719C8.0649 21.5938 7.61719 21.146 7.61719 20.5938V8.98438Z"
fill="url(#paint18_linear_18_18699)"
/>
<path
d="M7.61719 8.98438H11.2734V20.5938C11.2734 21.146 10.8257 21.5938 10.2734 21.5938H8.61719C8.0649 21.5938 7.61719 21.146 7.61719 20.5938V8.98438Z"
fill="url(#paint19_linear_18_18699)"
/>
<path
d="M7.61719 8.98438H11.2734V20.5938C11.2734 21.146 10.8257 21.5938 10.2734 21.5938H8.61719C8.0649 21.5938 7.61719 21.146 7.61719 20.5938V8.98438Z"
fill="url(#paint20_linear_18_18699)"
/>
</g>
<g filter="url(#filter10_i_18_18699)">
<path
d="M14.1719 8.98438H17.8281V20.5938C17.8281 21.146 17.3804 21.5938 16.8281 21.5938H15.1719C14.6196 21.5938 14.1719 21.146 14.1719 20.5938V8.98438Z"
fill="url(#paint21_linear_18_18699)"
/>
<path
d="M14.1719 8.98438H17.8281V20.5938C17.8281 21.146 17.3804 21.5938 16.8281 21.5938H15.1719C14.6196 21.5938 14.1719 21.146 14.1719 20.5938V8.98438Z"
fill="url(#paint22_linear_18_18699)"
/>
<path
d="M14.1719 8.98438H17.8281V20.5938C17.8281 21.146 17.3804 21.5938 16.8281 21.5938H15.1719C14.6196 21.5938 14.1719 21.146 14.1719 20.5938V8.98438Z"
fill="url(#paint23_linear_18_18699)"
/>
</g>
<g filter="url(#filter11_i_18_18699)">
<path
d="M20.7266 8.98438H24.3828V20.5938C24.3828 21.146 23.9351 21.5938 23.3828 21.5938H21.7266C21.1743 21.5938 20.7266 21.146 20.7266 20.5938V8.98438Z"
fill="url(#paint24_linear_18_18699)"
/>
<path
d="M20.7266 8.98438H24.3828V20.5938C24.3828 21.146 23.9351 21.5938 23.3828 21.5938H21.7266C21.1743 21.5938 20.7266 21.146 20.7266 20.5938V8.98438Z"
fill="url(#paint25_linear_18_18699)"
/>
<path
d="M20.7266 8.98438H24.3828V20.5938C24.3828 21.146 23.9351 21.5938 23.3828 21.5938H21.7266C21.1743 21.5938 20.7266 21.146 20.7266 20.5938V8.98438Z"
fill="url(#paint26_linear_18_18699)"
/>
</g>
<defs>
<filter
id="filter0_i_18_18699"
x={2.07031}
y={8.88437}
width={27.9594}
height={21.0219}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<filter
id="filter1_i_18_18699"
x={3.05469}
y={8.98438}
width={6.16875}
height={19.7656}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<filter
id="filter2_i_18_18699"
x={9.70056}
y={8.98438}
width={6.16875}
height={19.7656}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<filter
id="filter3_i_18_18699"
x={16.3463}
y={8.98438}
width={6.16875}
height={19.7656}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<filter
id="filter4_i_18_18699"
x={22.9922}
y={8.98438}
width={6.16875}
height={19.7656}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<filter
id="filter5_f_18_18699"
x={6.08887}
y={8.23438}
width={4.78674}
height={13.7605}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_18699"
/>
</filter>
<filter
id="filter6_f_18_18699"
x={12.7974}
y={8.23438}
width={4.78674}
height={13.7605}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_18699"
/>
</filter>
<filter
id="filter7_f_18_18699"
x={19.506}
y={8.23438}
width={4.78674}
height={13.7605}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_18699"
/>
</filter>
<filter
id="filter8_ii_18_18699"
x={1.57031}
y={2.07812}
width={28.6094}
height={7.15625}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.5} dy={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.5} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="effect1_innerShadow_18_18699"
result="effect2_innerShadow_18_18699"
/>
</filter>
<filter
id="filter9_i_18_18699"
x={7.61719}
y={8.73438}
width={4.00625}
height={12.8594}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.35} dy={-0.25} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<filter
id="filter10_i_18_18699"
x={14.1719}
y={8.73438}
width={4.00625}
height={12.8594}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.35} dy={-0.25} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<filter
id="filter11_i_18_18699"
x={20.7266}
y={8.73438}
width={4.00625}
height={12.8594}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.35} dy={-0.25} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
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
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18699"
/>
</filter>
<linearGradient
id="paint0_linear_18_18699"
x1={21.7109}
y1={18.375}
x2={30.3984}
y2={18.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#948F99" />
<stop offset={1} stopColor="#C3BFC7" />
</linearGradient>
<linearGradient
id="paint1_linear_18_18699"
x1={30.0845}
y1={23.8023}
x2={29.4359}
y2={23.8023}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.285715} stopColor="#CAC7CE" />
<stop offset={1} stopColor="#CAC7CE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_18699"
x1={15.0859}
y1={29.9062}
x2={15.0859}
y2={27.657}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A088B8" />
<stop offset={1} stopColor="#A092B0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_18699"
x1={6.03906}
y1={8.98438}
x2={6.03906}
y2={27.8052}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C3B8CF" />
<stop offset={0.570692} stopColor="#E3D6F2" />
</linearGradient>
<linearGradient
id="paint4_linear_18_18699"
x1={6.25236}
y1={28.9542}
x2={6.25236}
y2={27.6199}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0833338} stopColor="#B9A1D1" />
<stop offset={1} stopColor="#E1D1F2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_18699"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.59102 16.7231) rotate(-180) scale(4.48474 14.2264)"
>
<stop stopColor="#ECE3F6" />
<stop offset={1} stopColor="#ECE3F6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_18699"
x1={12.6849}
y1={8.98438}
x2={12.6849}
y2={27.8052}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C3B8CF" />
<stop offset={0.570692} stopColor="#E3D6F2" />
</linearGradient>
<linearGradient
id="paint7_linear_18_18699"
x1={12.8982}
y1={28.9542}
x2={12.8982}
y2={27.6199}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0833338} stopColor="#B9A1D1" />
<stop offset={1} stopColor="#E1D1F2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_18699"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.2369 16.7231) rotate(-180) scale(4.48474 14.2264)"
>
<stop stopColor="#ECE3F6" />
<stop offset={1} stopColor="#ECE3F6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_18699"
x1={19.3307}
y1={8.98438}
x2={19.3307}
y2={27.8052}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C3B8CF" />
<stop offset={0.570692} stopColor="#E3D6F2" />
</linearGradient>
<linearGradient
id="paint10_linear_18_18699"
x1={19.544}
y1={28.9542}
x2={19.544}
y2={27.6199}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0833338} stopColor="#B9A1D1" />
<stop offset={1} stopColor="#E1D1F2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint11_radial_18_18699"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.8826 16.7231) rotate(-180) scale(4.48474 14.2264)"
>
<stop stopColor="#ECE3F6" />
<stop offset={1} stopColor="#ECE3F6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_18_18699"
x1={25.9766}
y1={8.98438}
x2={25.9766}
y2={27.8052}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C3B8CF" />
<stop offset={0.570692} stopColor="#E3D6F2" />
</linearGradient>
<radialGradient
id="paint13_radial_18_18699"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.5285 16.7231) rotate(-180) scale(4.48474 14.2264)"
>
<stop stopColor="#ECE3F6" />
<stop offset={1} stopColor="#ECE3F6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_18_18699"
x1={29.4173}
y1={23.9506}
x2={27.7865}
y2={23.9506}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5EFFD" />
<stop offset={1} stopColor="#E2D5F0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_18699"
x1={26.1899}
y1={28.9542}
x2={26.1899}
y2={27.6199}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0833338} stopColor="#B9A1D1" />
<stop offset={1} stopColor="#E1D1F2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_18699"
x1={16}
y1={2.60175}
x2={16}
y2={8.98437}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#473856" />
<stop offset={1} stopColor="#41374B" />
</linearGradient>
<linearGradient
id="paint17_linear_18_18699"
x1={19.7066}
y1={8.98438}
x2={19.7066}
y2={8.50418}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#372646" />
<stop offset={1} stopColor="#372646" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint18_linear_18_18699"
x1={9.44531}
y1={8.98438}
x2={9.44531}
y2={21.5938}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.334486} stopColor="#58426C" />
<stop offset={1} stopColor="#443C4B" />
</linearGradient>
<linearGradient
id="paint19_linear_18_18699"
x1={11.4043}
y1={18.8728}
x2={10.6444}
y2={18.8728}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.487805} stopColor="#5A4D68" />
<stop offset={1} stopColor="#5A4D68" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint20_linear_18_18699"
x1={9.44531}
y1={8.79143}
x2={9.44531}
y2={9.86628}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.172414} stopColor="#42285C" />
<stop offset={1} stopColor="#5A436E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_18_18699"
x1={16}
y1={8.98438}
x2={16}
y2={21.5938}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.334486} stopColor="#58426C" />
<stop offset={1} stopColor="#443C4B" />
</linearGradient>
<linearGradient
id="paint22_linear_18_18699"
x1={17.9589}
y1={18.8728}
x2={17.1991}
y2={18.8728}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.487805} stopColor="#5A4D68" />
<stop offset={1} stopColor="#5A4D68" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint23_linear_18_18699"
x1={16}
y1={8.79143}
x2={16}
y2={9.86628}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.172414} stopColor="#42285C" />
<stop offset={1} stopColor="#5A436E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint24_linear_18_18699"
x1={22.5547}
y1={8.98438}
x2={22.5547}
y2={21.5938}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.334486} stopColor="#58426C" />
<stop offset={1} stopColor="#443C4B" />
</linearGradient>
<linearGradient
id="paint25_linear_18_18699"
x1={24.5136}
y1={18.8728}
x2={23.7538}
y2={18.8728}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.487805} stopColor="#5A4D68" />
<stop offset={1} stopColor="#5A4D68" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint26_linear_18_18699"
x1={22.5547}
y1={8.79143}
x2={22.5547}
y2={9.86628}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.172414} stopColor="#42285C" />
<stop offset={1} stopColor="#5A436E" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = MusicalKeyboardIcon;