@jstnmthw/react-fluentui-emoji/icons/BoxingGloveIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BoxingGloveIcon = ({ 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}
    <path
      d="M9.72559 22.4401H22.6943V29.2344C22.6943 29.7867 22.2466 30.2344 21.6943 30.2344H10.7256C10.1733 30.2344 9.72559 29.7867 9.72559 29.2344V22.4401Z"
      fill="url(#paint0_linear_18_3139)"
    />
    <path
      d="M9.72559 22.4401H22.6943V29.2344C22.6943 29.7867 22.2466 30.2344 21.6943 30.2344H10.7256C10.1733 30.2344 9.72559 29.7867 9.72559 29.2344V22.4401Z"
      fill="url(#paint1_linear_18_3139)"
    />
    <path
      d="M9.72559 22.4401H22.6943V29.2344C22.6943 29.7867 22.2466 30.2344 21.6943 30.2344H10.7256C10.1733 30.2344 9.72559 29.7867 9.72559 29.2344V22.4401Z"
      fill="url(#paint2_radial_18_3139)"
    />
    <path
      d="M9.72559 22.4401H22.6943V29.2344C22.6943 29.7867 22.2466 30.2344 21.6943 30.2344H10.7256C10.1733 30.2344 9.72559 29.7867 9.72559 29.2344V22.4401Z"
      fill="url(#paint3_linear_18_3139)"
    />
    <path
      d="M9.72559 22.4401H22.6943V29.2344C22.6943 29.7867 22.2466 30.2344 21.6943 30.2344H10.7256C10.1733 30.2344 9.72559 29.7867 9.72559 29.2344V22.4401Z"
      fill="url(#paint4_linear_18_3139)"
    />
    <g filter="url(#filter0_f_18_3139)">
      <rect
        x={13.228}
        y={25.5781}
        width={5.73196}
        height={2.86969}
        rx={0.5}
        fill="#A28CB5"
      />
    </g>
    <g filter="url(#filter1_ii_18_3139)">
      <rect
        x={13.3662}
        y={25.2188}
        width={5.96391}
        height={3.09375}
        rx={0.5}
        fill="#D8CAE2"
      />
    </g>
    <rect
      x={13.3662}
      y={25.2188}
      width={5.96391}
      height={3.09375}
      rx={0.5}
      fill="url(#paint5_linear_18_3139)"
    />
    <rect
      x={13.3662}
      y={25.2188}
      width={5.96391}
      height={3.09375}
      rx={0.5}
      fill="url(#paint6_linear_18_3139)"
    />
    <g filter="url(#filter2_i_18_3139)">
      <path
        d="M19.3301 8.02087H23.5529C25.2097 8.02087 26.5529 9.36402 26.5529 11.0209V15.4717C26.5529 17.0791 25.9079 18.6193 24.7626 19.7471L22.9677 21.5144C22.8661 21.6562 22.7311 21.959 22.7311 22.4401H21.3287V21.8002H19.3301V8.02087Z"
        fill="#FF378F"
      />
      <path
        d="M19.3301 8.02087H23.5529C25.2097 8.02087 26.5529 9.36402 26.5529 11.0209V15.4717C26.5529 17.0791 25.9079 18.6193 24.7626 19.7471L22.9677 21.5144C22.8661 21.6562 22.7311 21.959 22.7311 22.4401H21.3287V21.8002H19.3301V8.02087Z"
        fill="url(#paint7_radial_18_3139)"
      />
      <path
        d="M19.3301 8.02087H23.5529C25.2097 8.02087 26.5529 9.36402 26.5529 11.0209V15.4717C26.5529 17.0791 25.9079 18.6193 24.7626 19.7471L22.9677 21.5144C22.8661 21.6562 22.7311 21.959 22.7311 22.4401H21.3287V21.8002H19.3301V8.02087Z"
        fill="url(#paint8_radial_18_3139)"
      />
    </g>
    <g filter="url(#filter3_i_18_3139)">
      <path
        d="M13.868 2.23566C10.002 2.23566 6.86804 5.36967 6.86804 9.23566V14.4846C6.86804 14.6406 6.87314 14.7953 6.88318 14.9487V16.186C6.88318 17.7257 7.47511 19.2065 8.53651 20.322L9.17209 20.9899C9.52588 21.3617 9.72319 21.8553 9.72319 22.3686V23.2461C9.72319 23.5223 9.94705 23.7461 10.2232 23.7461H22.2312C22.5073 23.7461 22.7312 23.5223 22.7312 23.2461V18.12C23.3763 17.0604 23.748 15.8159 23.748 14.4846V9.23566C23.748 5.36966 20.614 2.23566 16.748 2.23566H13.868Z"
        fill="#EE3863"
      />
      <path
        d="M13.868 2.23566C10.002 2.23566 6.86804 5.36967 6.86804 9.23566V14.4846C6.86804 14.6406 6.87314 14.7953 6.88318 14.9487V16.186C6.88318 17.7257 7.47511 19.2065 8.53651 20.322L9.17209 20.9899C9.52588 21.3617 9.72319 21.8553 9.72319 22.3686V23.2461C9.72319 23.5223 9.94705 23.7461 10.2232 23.7461H22.2312C22.5073 23.7461 22.7312 23.5223 22.7312 23.2461V18.12C23.3763 17.0604 23.748 15.8159 23.748 14.4846V9.23566C23.748 5.36966 20.614 2.23566 16.748 2.23566H13.868Z"
        fill="url(#paint9_radial_18_3139)"
      />
    </g>
    <path
      d="M13.868 2.23566C10.002 2.23566 6.86804 5.36967 6.86804 9.23566V14.4846C6.86804 14.6406 6.87314 14.7953 6.88318 14.9487V16.186C6.88318 17.7257 7.47511 19.2065 8.53651 20.322L9.17209 20.9899C9.52588 21.3617 9.72319 21.8553 9.72319 22.3686V23.2461C9.72319 23.5223 9.94705 23.7461 10.2232 23.7461H22.2312C22.5073 23.7461 22.7312 23.5223 22.7312 23.2461V18.12C23.3763 17.0604 23.748 15.8159 23.748 14.4846V9.23566C23.748 5.36966 20.614 2.23566 16.748 2.23566H13.868Z"
      fill="url(#paint10_linear_18_3139)"
    />
    <path
      d="M13.868 2.23566C10.002 2.23566 6.86804 5.36967 6.86804 9.23566V14.4846C6.86804 14.6406 6.87314 14.7953 6.88318 14.9487V16.186C6.88318 17.7257 7.47511 19.2065 8.53651 20.322L9.17209 20.9899C9.52588 21.3617 9.72319 21.8553 9.72319 22.3686V23.2461C9.72319 23.5223 9.94705 23.7461 10.2232 23.7461H22.2312C22.5073 23.7461 22.7312 23.5223 22.7312 23.2461V18.12C23.3763 17.0604 23.748 15.8159 23.748 14.4846V9.23566C23.748 5.36966 20.614 2.23566 16.748 2.23566H13.868Z"
      fill="url(#paint11_radial_18_3139)"
    />
    <path
      d="M13.868 2.23566C10.002 2.23566 6.86804 5.36967 6.86804 9.23566V14.4846C6.86804 14.6406 6.87314 14.7953 6.88318 14.9487V16.186C6.88318 17.7257 7.47511 19.2065 8.53651 20.322L9.17209 20.9899C9.52588 21.3617 9.72319 21.8553 9.72319 22.3686V23.2461C9.72319 23.5223 9.94705 23.7461 10.2232 23.7461H22.2312C22.5073 23.7461 22.7312 23.5223 22.7312 23.2461V18.12C23.3763 17.0604 23.748 15.8159 23.748 14.4846V9.23566C23.748 5.36966 20.614 2.23566 16.748 2.23566H13.868Z"
      fill="url(#paint12_radial_18_3139)"
    />
    <defs>
      <filter
        id="filter0_f_18_3139"
        x={12.728}
        y={25.0781}
        width={6.73193}
        height={3.86969}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_18_3139"
        />
      </filter>
      <filter
        id="filter1_ii_18_3139"
        x={13.0662}
        y={25.2188}
        width={6.56393}
        height={3.09375}
        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.3} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.996078 0 0 0 0 0.964706 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3139"
        />
        <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.3} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.694118 0 0 0 0 0.635294 0 0 0 0 0.737255 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3139"
          result="effect2_innerShadow_18_3139"
        />
      </filter>
      <filter
        id="filter2_i_18_3139"
        x={19.1301}
        y={8.02087}
        width={7.42278}
        height={14.4192}
        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.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.890196 0 0 0 0 0.423529 0 0 0 0 0.615686 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3139"
        />
      </filter>
      <filter
        id="filter3_i_18_3139"
        x={6.86804}
        y={1.23566}
        width={20.8799}
        height={22.5105}
        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={4} dy={-1} />
        <feGaussianBlur stdDeviation={2.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.643137 0 0 0 0 0.219608 0 0 0 0 0.25098 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3139"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_3139"
        x1={19.1162}
        y1={26}
        x2={9.72559}
        y2={26}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BEAEC6" />
        <stop offset={1} stopColor="#A794AD" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_3139"
        x1={16.21}
        y1={30.5312}
        x2={16.21}
        y2={29.1562}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0681817} stopColor="#946CB6" />
        <stop offset={1} stopColor="#946CB6" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_3139"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.8975 23.1875) rotate(165.735) scale(1.9024 10.9668)"
      >
        <stop stopColor="#D3CAD7" />
        <stop offset={1} stopColor="#D3CAD7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_3139"
        x1={16.21}
        y1={22.75}
        x2={16.21}
        y2={24.9687}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CEC1D0" />
        <stop offset={1} stopColor="#CEC1D0" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_3139"
        x1={9.33363}
        y1={27.7642}
        x2={11.7255}
        y2={27.7642}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7D7484" />
        <stop offset={1} stopColor="#7D7484" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_3139"
        x1={16.3482}
        y1={28.5312}
        x2={16.3482}
        y2={27.9063}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B18CD0" />
        <stop offset={1} stopColor="#B18CD0" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_3139"
        x1={16.3482}
        y1={24.9375}
        x2={16.3482}
        y2={25.7187}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EDD5DD" />
        <stop offset={1} stopColor="#EDD5DD" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_3139"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.9415 10.9063) scale(4.29969 3.5625)"
      >
        <stop stopColor="#FF6DA9" />
        <stop offset={1} stopColor="#FF6DA9" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_3139"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.9131 7.87502) rotate(44.2361) scale(2.48614 2.99345)"
      >
        <stop stopColor="#FF5F93" />
        <stop offset={1} stopColor="#FF5F93" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_3139"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.2412 5.40627) rotate(62.5643) scale(8.54578 7.81186)"
      >
        <stop stopColor="#FF6AA0" />
        <stop offset={1} stopColor="#FF6AA0" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_18_3139"
        x1={15.9287}
        y1={24.1563}
        x2={15.9287}
        y2={22.2188}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C72985" />
        <stop offset={1} stopColor="#C72985" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_3139"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.3662 22.2188) rotate(-125.375) scale(7.66511 3.79306)"
      >
        <stop offset={0.389336} stopColor="#FF3989" />
        <stop offset={1} stopColor="#FF3989" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_3139"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.0537 12.9909) scale(11.3125 34.5682)"
      >
        <stop offset={0.870166} stopColor="#FF7AA3" stopOpacity={0} />
        <stop offset={0.975138} stopColor="#FF7AA3" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = BoxingGloveIcon;