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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SpadeSuitIcon = ({ 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_18_4023)">
      <path
        d="M28.4305 14.9654L18.7122 3.34952C17.2016 1.55016 14.4221 1.55016 12.9115 3.34952L3.19329 14.9654C-0.0192595 18.804 2.73004 24.6219 7.75532 24.6219C10.0817 24.6219 12.1965 23.2624 13.1633 21.1632L13.8078 19.7537V22.9225C13.8078 25.0218 12.1159 26.7212 10.0111 26.7612H9.9306C9.0343 26.7612 8.29912 27.4909 8.29912 28.3806C8.29912 29.2703 9.0343 30 9.9306 30H9.94065H10.0212H14.7142H16.9197H21.6126H21.6932H21.7032C22.5995 30 23.3347 29.2703 23.3347 28.3806C23.3347 27.4909 22.5995 26.7612 21.7032 26.7612H21.6227C19.5179 26.7212 17.826 25.0218 17.826 22.9225V19.7537L18.4705 21.1632C19.4273 23.2724 21.5421 24.6219 23.8785 24.6219C28.8937 24.6219 31.643 18.804 28.4305 14.9654Z"
        fill="url(#paint0_linear_18_4023)"
      />
    </g>
    <defs>
      <filter
        id="filter0_iii_18_4023"
        x={0.812012}
        y={1.25}
        width={29.75}
        height={29.5}
        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} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.427451 0 0 0 0 0.372549 0 0 0 0 0.482353 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_4023"
        />
        <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.75} dy={-0.75} />
        <feGaussianBlur stdDeviation={0.625} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.172549 0 0 0 0 0.109804 0 0 0 0 0.227451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_4023"
          result="effect2_innerShadow_18_4023"
        />
        <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.75} dy={0.75} />
        <feGaussianBlur stdDeviation={0.625} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.196078 0 0 0 0 0.192157 0 0 0 0 0.2 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18_4023"
          result="effect3_innerShadow_18_4023"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_4023"
        x1={24.1292}
        y1={11.0784}
        x2={11.2664}
        y2={29.1961}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#534165" />
        <stop offset={1} stopColor="#3F3946" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = SpadeSuitIcon;