const React = require("react");
const VsButtonIcon = ({ 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_iii_18590_2504)">
      <rect
        x={1.87939}
        y={2.0625}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_2504)"
      />
      <rect
        x={1.87939}
        y={2.0625}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_2504)"
      />
    </g>
    <g filter="url(#filter1_f_18590_2504)">
      <path
        d="M28.0669 4.5625V27.4375"
        stroke="url(#paint2_linear_18590_2504)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_2504)">
      <path
        d="M5.34326 3.875H27.1245"
        stroke="url(#paint3_linear_18590_2504)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_2504)">
      <path
        d="M21.4542 9.96069C19.4559 9.96069 17.8194 11.5175 17.762 13.2514C17.7271 14.3047 18.1966 15.1478 18.9436 15.7695C19.6521 16.3592 20.6142 16.7592 21.666 17.0514C22.6036 17.3118 23.0401 17.7233 23.2145 18.054C23.3784 18.3648 23.3967 18.7643 23.1487 19.2419C22.9471 19.6303 22.568 19.9553 22.014 20.0249C21.4478 20.0961 20.52 19.9203 19.2286 18.914C18.7929 18.5745 18.1646 18.6525 17.8251 19.0881C17.4857 19.5238 17.5636 20.1521 17.9993 20.4916C19.5481 21.6984 20.9961 22.1685 22.2633 22.0093C23.5426 21.8486 24.4546 21.067 24.9237 20.1636C25.4226 19.2027 25.5017 18.1036 24.9836 17.1211C24.476 16.1584 23.4877 15.4817 22.2013 15.1244C21.2613 14.8633 20.6143 14.5579 20.223 14.2323C19.8703 13.9387 19.7497 13.6568 19.7609 13.3176C19.7792 12.7658 20.4277 11.9607 21.4542 11.9607C21.8305 11.9607 22.2749 12.1042 22.7192 12.3411C23.1558 12.5739 23.5093 12.8524 23.6804 13.0146C24.0814 13.3944 24.7143 13.3773 25.0941 12.9763C25.474 12.5754 25.4569 11.9425 25.0559 11.5626C24.7598 11.2821 24.2612 10.8967 23.6601 10.5762C23.0667 10.2598 22.2877 9.96069 21.4542 9.96069Z"
        fill="#FF8A53"
      />
      <path
        d="M8.19106 10.6145C7.99124 10.0996 7.41187 9.84424 6.897 10.0441C6.38213 10.2439 6.12674 10.8233 6.32656 11.3381L10.2016 21.3225C10.3499 21.7047 10.7164 21.9576 11.1264 21.9607C11.5363 21.9637 11.9066 21.7163 12.0606 21.3363L16.1075 11.352C16.3149 10.8401 16.0682 10.257 15.5563 10.0496C15.0445 9.84209 14.4614 10.0888 14.2539 10.6007L11.2487 18.0152C11.2147 18.0991 11.0955 18.0982 11.0628 18.0138L8.19106 10.6145Z"
        fill="#FF8A53"
      />
    </g>
    <g filter="url(#filter4_ii_18590_2504)">
      <path
        d="M21.4542 9.96069C19.4559 9.96069 17.8194 11.5175 17.762 13.2514C17.7271 14.3047 18.1966 15.1478 18.9436 15.7695C19.6521 16.3592 20.6142 16.7592 21.666 17.0514C22.6036 17.3118 23.0401 17.7233 23.2145 18.054C23.3784 18.3648 23.3967 18.7643 23.1487 19.2419C22.9471 19.6303 22.568 19.9553 22.014 20.0249C21.4478 20.0961 20.52 19.9203 19.2286 18.914C18.7929 18.5745 18.1646 18.6525 17.8251 19.0881C17.4857 19.5238 17.5636 20.1521 17.9993 20.4916C19.5481 21.6984 20.9961 22.1685 22.2633 22.0093C23.5426 21.8486 24.4546 21.067 24.9237 20.1636C25.4226 19.2027 25.5017 18.1036 24.9836 17.1211C24.476 16.1584 23.4877 15.4817 22.2013 15.1244C21.2613 14.8633 20.6143 14.5579 20.223 14.2323C19.8703 13.9387 19.7497 13.6568 19.7609 13.3176C19.7792 12.7658 20.4277 11.9607 21.4542 11.9607C21.8305 11.9607 22.2749 12.1042 22.7192 12.3411C23.1558 12.5739 23.5093 12.8524 23.6804 13.0146C24.0814 13.3944 24.7143 13.3773 25.0941 12.9763C25.474 12.5754 25.4569 11.9425 25.0559 11.5626C24.7598 11.2821 24.2612 10.8967 23.6601 10.5762C23.0667 10.2598 22.2877 9.96069 21.4542 9.96069Z"
        fill="#FCF2FF"
      />
      <path
        d="M8.19106 10.6145C7.99124 10.0996 7.41187 9.84424 6.897 10.0441C6.38213 10.2439 6.12674 10.8233 6.32656 11.3381L10.2016 21.3225C10.3499 21.7047 10.7164 21.9576 11.1264 21.9607C11.5363 21.9637 11.9066 21.7163 12.0606 21.3363L16.1075 11.352C16.3149 10.8401 16.0682 10.257 15.5563 10.0496C15.0445 9.84209 14.4614 10.0888 14.2539 10.6007L11.2487 18.0152C11.2147 18.0991 11.0955 18.0982 11.0628 18.0138L8.19106 10.6145Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_iii_18590_2504"
        x={1.37939}
        y={1.0625}
        width={29.375}
        height={29.375}
        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={1} dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.992157 0 0 0 0 0.384314 0 0 0 0 0.164706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_2504"
        />
        <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 dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.32549 0 0 0 0 0.168627 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_2504"
          result="effect2_innerShadow_18590_2504"
        />
        <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.5} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.741176 0 0 0 0 0.25098 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18590_2504"
          result="effect3_innerShadow_18590_2504"
        />
      </filter>
      <filter
        id="filter1_f_18590_2504"
        x={25.3169}
        y={1.8125}
        width={5.5}
        height={28.375}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_2504"
        />
      </filter>
      <filter
        id="filter2_f_18590_2504"
        x={2.59326}
        y={1.125}
        width={27.2812}
        height={5.5}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_2504"
        />
      </filter>
      <filter
        id="filter3_f_18590_2504"
        x={5.25854}
        y={8.96069}
        width={21.1096}
        height={14.0786}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18590_2504"
        />
      </filter>
      <filter
        id="filter4_ii_18590_2504"
        x={5.85854}
        y={9.56069}
        width={19.9096}
        height={12.8786}
        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.4} dy={0.4} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_2504"
        />
        <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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_2504"
          result="effect2_innerShadow_18590_2504"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_2504"
        x1={15.8169}
        y1={5.63701}
        x2={15.8169}
        y2={38.8897}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFA851" />
        <stop offset={1} stopColor="#FF7E50" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_2504"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.5356 4.15625) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#FFD774" />
        <stop offset={1} stopColor="#FF77B1" stopOpacity={0} />
        <stop offset={1} stopColor="#FFD774" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_2504"
        x1={28.5669}
        y1={4.5625}
        x2={28.5669}
        y2={27.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFCE69" />
        <stop offset={1} stopColor="#FF9C61" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_2504"
        x1={28.2808}
        y1={4.12502}
        x2={2.74951}
        y2={4.12502}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFC85B" />
        <stop offset={1} stopColor="#FFB156" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = VsButtonIcon;