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;