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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ChessPawnIcon = ({ 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}
    <circle
      cx={16.0017}
      cy={6.1701}
      r={4.1701}
      fill="url(#paint0_radial_18_4063)"
    />
    <circle
      cx={16.0017}
      cy={6.1701}
      r={4.1701}
      fill="url(#paint1_radial_18_4063)"
    />
    <circle
      cx={16.0017}
      cy={6.1701}
      r={4.1701}
      fill="url(#paint2_linear_18_4063)"
    />
    <g filter="url(#filter0_ii_18_4063)">
      <path
        d="M13.6111 12.9552H18.4203V16.5113C18.4203 16.5113 18.4203 17.3671 19.0541 17.9795C19.5323 18.4795 21.0248 19.9803 21.0248 19.9803C23.1333 22.1852 21.4984 26.2468 18.5166 26.2468H13.5149C10.533 26.2468 8.89813 22.1852 11.0066 19.9803C11.0066 19.9803 12.4991 18.4795 12.9773 17.9795C13.6111 17.3671 13.6111 16.5113 13.6111 16.5113V12.9552Z"
        fill="#29272C"
      />
      <path
        d="M13.6111 12.9552H18.4203V16.5113C18.4203 16.5113 18.4203 17.3671 19.0541 17.9795C19.5323 18.4795 21.0248 19.9803 21.0248 19.9803C23.1333 22.1852 21.4984 26.2468 18.5166 26.2468H13.5149C10.533 26.2468 8.89813 22.1852 11.0066 19.9803C11.0066 19.9803 12.4991 18.4795 12.9773 17.9795C13.6111 17.3671 13.6111 16.5113 13.6111 16.5113V12.9552Z"
        fill="url(#paint3_linear_18_4063)"
      />
      <path
        d="M13.6111 12.9552H18.4203V16.5113C18.4203 16.5113 18.4203 17.3671 19.0541 17.9795C19.5323 18.4795 21.0248 19.9803 21.0248 19.9803C23.1333 22.1852 21.4984 26.2468 18.5166 26.2468H13.5149C10.533 26.2468 8.89813 22.1852 11.0066 19.9803C11.0066 19.9803 12.4991 18.4795 12.9773 17.9795C13.6111 17.3671 13.6111 16.5113 13.6111 16.5113V12.9552Z"
        fill="url(#paint4_radial_18_4063)"
      />
      <path
        d="M13.6111 12.9552H18.4203V16.5113C18.4203 16.5113 18.4203 17.3671 19.0541 17.9795C19.5323 18.4795 21.0248 19.9803 21.0248 19.9803C23.1333 22.1852 21.4984 26.2468 18.5166 26.2468H13.5149C10.533 26.2468 8.89813 22.1852 11.0066 19.9803C11.0066 19.9803 12.4991 18.4795 12.9773 17.9795C13.6111 17.3671 13.6111 16.5113 13.6111 16.5113V12.9552Z"
        fill="url(#paint5_linear_18_4063)"
      />
      <path
        d="M13.6111 12.9552H18.4203V16.5113C18.4203 16.5113 18.4203 17.3671 19.0541 17.9795C19.5323 18.4795 21.0248 19.9803 21.0248 19.9803C23.1333 22.1852 21.4984 26.2468 18.5166 26.2468H13.5149C10.533 26.2468 8.89813 22.1852 11.0066 19.9803C11.0066 19.9803 12.4991 18.4795 12.9773 17.9795C13.6111 17.3671 13.6111 16.5113 13.6111 16.5113V12.9552Z"
        fill="url(#paint6_radial_18_4063)"
      />
    </g>
    <path
      d="M13.6111 12.9552H18.4203V16.5113C18.4203 16.5113 18.4203 17.3671 19.0541 17.9795C19.5323 18.4795 21.0248 19.9803 21.0248 19.9803C23.1333 22.1852 21.4984 26.2468 18.5166 26.2468H13.5149C10.533 26.2468 8.89813 22.1852 11.0066 19.9803C11.0066 19.9803 12.4991 18.4795 12.9773 17.9795C13.6111 17.3671 13.6111 16.5113 13.6111 16.5113V12.9552Z"
      fill="url(#paint7_linear_18_4063)"
    />
    <rect
      x={11.2517}
      y={9.1593}
      width={9.49999}
      height={4}
      rx={2}
      fill="#302A36"
    />
    <rect
      x={11.2517}
      y={9.1593}
      width={9.49999}
      height={4}
      rx={2}
      fill="url(#paint8_radial_18_4063)"
    />
    <rect
      x={11.2517}
      y={9.1593}
      width={9.49999}
      height={4}
      rx={2}
      fill="url(#paint9_radial_18_4063)"
    />
    <rect
      x={11.2517}
      y={9.1593}
      width={9.49999}
      height={4}
      rx={2}
      fill="url(#paint10_linear_18_4063)"
    />
    <rect
      x={11.2517}
      y={9.1593}
      width={9.49999}
      height={4}
      rx={2}
      fill="url(#paint11_radial_18_4063)"
    />
    <path
      d="M7.6463 28.0377C7.6463 26.3809 8.98945 25.0377 10.6463 25.0377H21.3537C23.0106 25.0377 24.3537 26.3809 24.3537 28.0377V28.8584C24.3537 29.4107 23.906 29.8584 23.3537 29.8584H8.6463C8.09402 29.8584 7.6463 29.4107 7.6463 28.8584V28.0377Z"
      fill="#2A282C"
    />
    <path
      d="M7.6463 28.0377C7.6463 26.3809 8.98945 25.0377 10.6463 25.0377H21.3537C23.0106 25.0377 24.3537 26.3809 24.3537 28.0377V28.8584C24.3537 29.4107 23.906 29.8584 23.3537 29.8584H8.6463C8.09402 29.8584 7.6463 29.4107 7.6463 28.8584V28.0377Z"
      fill="url(#paint12_radial_18_4063)"
    />
    <path
      d="M7.6463 28.0377C7.6463 26.3809 8.98945 25.0377 10.6463 25.0377H21.3537C23.0106 25.0377 24.3537 26.3809 24.3537 28.0377V28.8584C24.3537 29.4107 23.906 29.8584 23.3537 29.8584H8.6463C8.09402 29.8584 7.6463 29.4107 7.6463 28.8584V28.0377Z"
      fill="url(#paint13_linear_18_4063)"
    />
    <path
      d="M7.6463 28.0377C7.6463 26.3809 8.98945 25.0377 10.6463 25.0377H21.3537C23.0106 25.0377 24.3537 26.3809 24.3537 28.0377V28.8584C24.3537 29.4107 23.906 29.8584 23.3537 29.8584H8.6463C8.09402 29.8584 7.6463 29.4107 7.6463 28.8584V28.0377Z"
      fill="url(#paint14_linear_18_4063)"
    />
    <g filter="url(#filter1_f_18_4063)">
      <path
        d="M13.9361 20.9084H21.1834C21.2424 21.847 21.1834 24.0646 17.7548 23.9084C15.0657 23.7858 14.1718 21.7207 13.9361 20.9084Z"
        fill="url(#paint15_linear_18_4063)"
      />
    </g>
    <g filter="url(#filter2_f_18_4063)">
      <path
        d="M15.7799 16.9084V13.7209H17.9049V16.9084C17.9049 17.7737 18.0115 18.384 18.1203 18.7584C18.1678 18.9221 18.0205 19.1177 17.8551 19.0769C16.2516 18.6817 15.7991 17.495 15.7799 16.9084Z"
        fill="url(#paint16_linear_18_4063)"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18_4063"
        x={9.55347}
        y={12.9552}
        width={12.6245}
        height={13.2916}
        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} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.360784 0 0 0 0 0.345098 0 0 0 0 0.372549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_4063"
        />
        <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.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.219608 0 0 0 0 0.219608 0 0 0 0 0.223529 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_4063"
          result="effect2_innerShadow_18_4063"
        />
      </filter>
      <filter
        id="filter1_f_18_4063"
        x={11.9361}
        y={18.9084}
        width={11.2582}
        height={7.00787}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18_4063"
        />
      </filter>
      <filter
        id="filter2_f_18_4063"
        x={14.2799}
        y={12.2209}
        width={5.34949}
        height={8.36151}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_18_4063"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.5752 4.89145) rotate(139.563) scale(4.74505 4.26484)"
      >
        <stop stopColor="#645C6C" />
        <stop offset={1} stopColor="#352D3D" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.7124 8.12616) rotate(-60.2551) scale(3.29153 4.63242)"
      >
        <stop stopColor="#3A294B" />
        <stop offset={1} stopColor="#3A294B" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_4063"
        x1={17.1306}
        y1={9.47657}
        x2={17.1306}
        y2={8.66004}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#16111C" />
        <stop offset={1} stopColor="#16111C" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_4063"
        x1={16.0157}
        y1={13.135}
        x2={16.0157}
        y2={13.6193}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#241931" />
        <stop offset={1} stopColor="#241931" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.0299 24.5959) rotate(-90) scale(2.78125 4.30307)"
      >
        <stop stopColor="#32283D" />
        <stop offset={1} stopColor="#32283D" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_4063"
        x1={16.3111}
        y1={25.3303}
        x2={16.3111}
        y2={24.4397}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#131016" />
        <stop offset={1} stopColor="#131016" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.0157 12.9552) rotate(90) scale(3.6407 1.64208)"
      >
        <stop stopColor="#453C4F" />
        <stop offset={1} stopColor="#453C4F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_4063"
        x1={16.0157}
        y1={13.1584}
        x2={16.0157}
        y2={13.8303}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#231830" />
        <stop offset={1} stopColor="#231830" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.481 10.5443) rotate(90) scale(1.47603 4.20111)"
      >
        <stop stopColor="#615B67" />
        <stop offset={1} stopColor="#615B67" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.7438 13.1593) rotate(-90) scale(2.61496 8.32231)"
      >
        <stop stopColor="#2E1E3E" />
        <stop offset={1} stopColor="#2E1E3E" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_18_4063"
        x1={16.0017}
        y1={8.84847}
        x2={16.0017}
        y2={9.60219}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#22182A" />
        <stop offset={1} stopColor="#22182A" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.108 13.1593) rotate(-90) scale(0.46968 3.3125)"
      >
        <stop stopColor="#1E122A" />
        <stop offset={1} stopColor="#1E122A" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_4063"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.2486 28.5959) rotate(-180) scale(11.5625 3.75)"
      >
        <stop offset={0.248649} stopColor="#575459" />
        <stop offset={1} stopColor="#575459" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_4063"
        x1={16.5611}
        y1={29.8584}
        x2={16.5611}
        y2={29.0959}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.166663} stopColor="#372447" />
        <stop offset={1} stopColor="#372447" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_4063"
        x1={16}
        y1={24.821}
        x2={16}
        y2={25.7766}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#1B181F" />
        <stop offset={1} stopColor="#1B181F" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint15_linear_18_4063"
        x1={19.0924}
        y1={20.1584}
        x2={12.7799}
        y2={23.9162}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#59565D" />
        <stop offset={1} stopColor="#59565D" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint16_linear_18_4063"
        x1={17.3736}
        y1={18.6584}
        x2={19.8522}
        y2={17.2624}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#59565D" />
        <stop offset={1} stopColor="#59565D" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ChessPawnIcon;