const React = require("react");
const FlatShoeIcon = ({ 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_ii_18_17265)">
      <path
        d="M2.04725 23.0266L2.10174 27.9063H11.6304C12.0427 27.9063 12.4286 28.1096 12.6616 28.4498L13.3507 29.4558C13.5372 29.728 13.8458 29.8907 14.1757 29.8907H29.6142C29.7604 29.8907 29.8862 29.7852 29.9051 29.6401C30.2451 27.028 28.7024 25.8437 27.4299 25.3438L24.7435 24.2714C24.0065 23.9772 23.183 24.1102 22.5672 24.6107C22.4049 24.7426 22.2281 24.8841 22.0392 25.0313C20.7142 26.0188 18.5913 25.7448 17.6955 25.4844L4.68468 21.1086C3.37971 20.6697 2.03188 21.6499 2.04725 23.0266Z"
        fill="url(#paint0_linear_18_17265)"
      />
      <path
        d="M2.04725 23.0266L2.10174 27.9063H11.6304C12.0427 27.9063 12.4286 28.1096 12.6616 28.4498L13.3507 29.4558C13.5372 29.728 13.8458 29.8907 14.1757 29.8907H29.6142C29.7604 29.8907 29.8862 29.7852 29.9051 29.6401C30.2451 27.028 28.7024 25.8437 27.4299 25.3438L24.7435 24.2714C24.0065 23.9772 23.183 24.1102 22.5672 24.6107C22.4049 24.7426 22.2281 24.8841 22.0392 25.0313C20.7142 26.0188 18.5913 25.7448 17.6955 25.4844L4.68468 21.1086C3.37971 20.6697 2.03188 21.6499 2.04725 23.0266Z"
        fill="url(#paint1_radial_18_17265)"
      />
      <path
        d="M2.04725 23.0266L2.10174 27.9063H11.6304C12.0427 27.9063 12.4286 28.1096 12.6616 28.4498L13.3507 29.4558C13.5372 29.728 13.8458 29.8907 14.1757 29.8907H29.6142C29.7604 29.8907 29.8862 29.7852 29.9051 29.6401C30.2451 27.028 28.7024 25.8437 27.4299 25.3438L24.7435 24.2714C24.0065 23.9772 23.183 24.1102 22.5672 24.6107C22.4049 24.7426 22.2281 24.8841 22.0392 25.0313C20.7142 26.0188 18.5913 25.7448 17.6955 25.4844L4.68468 21.1086C3.37971 20.6697 2.03188 21.6499 2.04725 23.0266Z"
        fill="url(#paint2_linear_18_17265)"
      />
      <path
        d="M2.04725 23.0266L2.10174 27.9063H11.6304C12.0427 27.9063 12.4286 28.1096 12.6616 28.4498L13.3507 29.4558C13.5372 29.728 13.8458 29.8907 14.1757 29.8907H29.6142C29.7604 29.8907 29.8862 29.7852 29.9051 29.6401C30.2451 27.028 28.7024 25.8437 27.4299 25.3438L24.7435 24.2714C24.0065 23.9772 23.183 24.1102 22.5672 24.6107C22.4049 24.7426 22.2281 24.8841 22.0392 25.0313C20.7142 26.0188 18.5913 25.7448 17.6955 25.4844L4.68468 21.1086C3.37971 20.6697 2.03188 21.6499 2.04725 23.0266Z"
        fill="url(#paint3_radial_18_17265)"
      />
    </g>
    <g filter="url(#filter1_ii_18_17265)">
      <path
        d="M2.09399 27.9062H10.0237V29.5406C10.0237 29.7339 9.86698 29.8906 9.67368 29.8906H2.44399C2.25069 29.8906 2.09399 29.7339 2.09399 29.5406V27.9062Z"
        fill="url(#paint4_linear_18_17265)"
      />
    </g>
    <g filter="url(#filter2_f_18_17265)">
      <path
        d="M3.61194 20.9483L3.53285 20.9651L3.53281 21.046C3.53256 21.5601 3.79097 22.3764 4.83365 22.7504C5.98443 23.1632 13.8041 25.8604 17.5692 27.1571C18.7563 27.5659 20.5907 27.457 21.9463 25.7178C22.3028 25.2603 22.619 24.853 22.8952 24.4962L22.7641 24.3495C22.6742 24.4042 22.5874 24.4654 22.5042 24.5331C22.3425 24.6644 22.1665 24.8053 21.9786 24.9518C21.3395 25.4277 20.5015 25.6037 19.7037 25.6258C18.9079 25.6479 18.1646 25.5164 17.7254 25.389L4.71659 21.0138C4.34217 20.8879 3.96371 20.8732 3.61194 20.9483Z"
        stroke="url(#paint5_radial_18_17265)"
        strokeWidth={0.2}
        strokeLinecap="round"
      />
    </g>
    <path
      d="M3.63281 21.0461C3.63257 21.5279 3.87308 22.2996 4.86741 22.6563C6.01741 23.0688 13.8362 25.7657 17.6018 27.0625C18.7555 27.4599 20.5424 27.3563 21.8674 25.6563C22.2238 25.199 22.54 24.7917 22.8161 24.435C22.7301 24.4873 22.6469 24.5459 22.5672 24.6107C22.4049 24.7426 22.2281 24.8841 22.0393 25.0313C20.7143 26.0188 18.5914 25.7448 17.6955 25.4844L4.68471 21.1086C4.32769 20.9885 3.96746 20.9746 3.63281 21.0461Z"
      fill="url(#paint6_radial_18_17265)"
    />
    <path
      d="M3.63281 21.0461C3.63257 21.5279 3.87308 22.2996 4.86741 22.6563C6.01741 23.0688 13.8362 25.7657 17.6018 27.0625C18.7555 27.4599 20.5424 27.3563 21.8674 25.6563C22.2238 25.199 22.54 24.7917 22.8161 24.435C22.7301 24.4873 22.6469 24.5459 22.5672 24.6107C22.4049 24.7426 22.2281 24.8841 22.0393 25.0313C20.7143 26.0188 18.5914 25.7448 17.6955 25.4844L4.68471 21.1086C4.32769 20.9885 3.96746 20.9746 3.63281 21.0461Z"
      fill="url(#paint7_linear_18_17265)"
    />
    <defs>
      <filter
        id="filter0_ii_18_17265"
        x={2.04712}
        y={20.8026}
        width={27.9058}
        height={9.088}
        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 dy={-0.2} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.188235 0 0 0 0 0.364706 0 0 0 0 0.815686 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17265"
        />
        <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={-0.1} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.188235 0 0 0 0 0.364706 0 0 0 0 0.815686 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_17265"
          result="effect2_innerShadow_18_17265"
        />
      </filter>
      <filter
        id="filter1_ii_18_17265"
        x={2.09399}
        y={27.7062}
        width={8.12969}
        height={2.28438}
        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} 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.196078 0 0 0 0 0.368627 0 0 0 0 0.52549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17265"
        />
        <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={-0.2} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.105882 0 0 0 0 0.223529 0 0 0 0 0.533333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_17265"
          result="effect2_innerShadow_18_17265"
        />
      </filter>
      <filter
        id="filter2_f_18_17265"
        x={3.23286}
        y={20.6026}
        width={19.9415}
        height={7.05247}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.1}
          result="effect1_foregroundBlur_18_17265"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_17265"
        x1={7.67987}
        y1={25.0313}
        x2={18.3361}
        y2={29.7188}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3DACFF" />
        <stop offset={1} stopColor="#44A2FD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_17265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.46112 22.5) rotate(106.909) scale(4.08276 7.23265)"
      >
        <stop stopColor="#59C2FF" />
        <stop offset={1} stopColor="#59C2FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_17265"
        x1={1.86737}
        y1={25.8125}
        x2={5.80487}
        y2={25.8125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4A9CDC" />
        <stop offset={1} stopColor="#4A9CDC" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_17265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.9611 35.125) rotate(-60.2887) scale(13.2407 37.8141)"
      >
        <stop offset={0.685078} stopColor="#66BAFF" stopOpacity={0} />
        <stop offset={1} stopColor="#66BAFF" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_17265"
        x1={2.77368}
        y1={29.3125}
        x2={10.0237}
        y2={29.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#276AA5" />
        <stop offset={1} stopColor="#2765AD" />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_17265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.27365 25.2188) rotate(-72.7185) scale(1.47273 13.931)"
      >
        <stop offset={0.192706} stopColor="#5AC7FF" />
        <stop offset={1} stopColor="#5AC7FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_17265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.1487 26.625) rotate(-73.1132) scale(3.65772 5.97303)"
      >
        <stop stopColor="#2775CC" />
        <stop offset={1} stopColor="#2865A8" />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_17265"
        x1={22.1174}
        y1={25.8125}
        x2={17.8362}
        y2={26.7813}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.215104} stopColor="#214F89" />
        <stop offset={1} stopColor="#214F89" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = FlatShoeIcon;