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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const GameDieIcon = ({ 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_3713)">
      <path
        d="M4.29319 6.35527C3.13425 6.80331 2.37015 7.91793 2.37015 9.16045V22.7919C2.37015 24.0258 3.12386 25.1346 4.27127 25.5885L14.7056 29.7166C15.4164 29.9978 16.2076 29.9978 16.9184 29.7166L27.3527 25.5885C28.5001 25.1346 29.2538 24.0258 29.2538 22.7919V9.16045C29.2538 7.91793 28.4897 6.80331 27.3308 6.35527L16.8965 2.32138C16.1987 2.0516 15.4253 2.05161 14.7275 2.32138L4.29319 6.35527Z"
        fill="#DEDDDE"
      />
      <path
        d="M4.29319 6.35527C3.13425 6.80331 2.37015 7.91793 2.37015 9.16045V22.7919C2.37015 24.0258 3.12386 25.1346 4.27127 25.5885L14.7056 29.7166C15.4164 29.9978 16.2076 29.9978 16.9184 29.7166L27.3527 25.5885C28.5001 25.1346 29.2538 24.0258 29.2538 22.7919V9.16045C29.2538 7.91793 28.4897 6.80331 27.3308 6.35527L16.8965 2.32138C16.1987 2.0516 15.4253 2.05161 14.7275 2.32138L4.29319 6.35527Z"
        fill="url(#paint0_linear_18_3713)"
      />
      <path
        d="M4.29319 6.35527C3.13425 6.80331 2.37015 7.91793 2.37015 9.16045V22.7919C2.37015 24.0258 3.12386 25.1346 4.27127 25.5885L14.7056 29.7166C15.4164 29.9978 16.2076 29.9978 16.9184 29.7166L27.3527 25.5885C28.5001 25.1346 29.2538 24.0258 29.2538 22.7919V9.16045C29.2538 7.91793 28.4897 6.80331 27.3308 6.35527L16.8965 2.32138C16.1987 2.0516 15.4253 2.05161 14.7275 2.32138L4.29319 6.35527Z"
        fill="url(#paint1_radial_18_3713)"
      />
    </g>
    <path
      d="M4.29319 6.35527C3.13425 6.80331 2.37015 7.91793 2.37015 9.16045V22.7919C2.37015 24.0258 3.12386 25.1346 4.27127 25.5885L14.7056 29.7166C15.4164 29.9978 16.2076 29.9978 16.9184 29.7166L27.3527 25.5885C28.5001 25.1346 29.2538 24.0258 29.2538 22.7919V9.16045C29.2538 7.91793 28.4897 6.80331 27.3308 6.35527L16.8965 2.32138C16.1987 2.0516 15.4253 2.05161 14.7275 2.32138L4.29319 6.35527Z"
      fill="url(#paint2_linear_18_3713)"
    />
    <path
      d="M4.29319 6.35527C3.13425 6.80331 2.37015 7.91793 2.37015 9.16045V22.7919C2.37015 24.0258 3.12386 25.1346 4.27127 25.5885L14.7056 29.7166C15.4164 29.9978 16.2076 29.9978 16.9184 29.7166L27.3527 25.5885C28.5001 25.1346 29.2538 24.0258 29.2538 22.7919V9.16045C29.2538 7.91793 28.4897 6.80331 27.3308 6.35527L16.8965 2.32138C16.1987 2.0516 15.4253 2.05161 14.7275 2.32138L4.29319 6.35527Z"
      fill="url(#paint3_linear_18_3713)"
    />
    <g filter="url(#filter1_f_18_3713)">
      <path
        d="M4.07619 24.2231L13.9581 28.2262C14.8442 28.5852 15.812 27.933 15.812 26.9769V14.2364C15.812 13.0693 15.1096 12.0169 14.0317 11.5691L4.78259 7.72684C3.89494 7.3581 2.91763 8.01038 2.91763 8.97158V21.9062C2.91763 22.8322 3.35854 23.685 4.07619 24.2231Z"
        fill="#C5C2C8"
      />
    </g>
    <g filter="url(#filter2_f_18_3713)">
      <path
        d="M27.4441 23.1915L17.5622 27.1035C16.6761 27.4543 15.7083 26.817 15.7083 25.8827V13.4322C15.7083 12.2917 16.4107 11.2632 17.4885 10.8257L26.7377 7.0709C27.6254 6.71055 28.6027 7.34798 28.6027 8.28729V20.9274C28.6027 21.8323 28.1618 22.6657 27.4441 23.1915Z"
        fill="#F6F4F8"
      />
    </g>
    <path
      d="M29.2503 9.01333C29.0562 8.20747 28.1728 7.71688 27.3586 8.05044L17.571 12.0601C16.4443 12.5217 15.7083 13.6186 15.7083 14.8362V28.0696C15.7083 29.0598 16.7082 29.737 17.6277 29.3697L28.0288 25.2145C28.787 24.6567 29.2538 23.7631 29.2538 22.7919V9.16048C29.2538 9.11122 29.2526 9.06215 29.2503 9.01333Z"
      fill="url(#paint4_linear_18_3713)"
    />
    <path
      d="M3.51862 25.2092L13.7827 29.3671C14.7031 29.74 15.7083 29.0626 15.7083 28.0696V14.8363C15.7083 13.624 14.9787 12.5309 13.8592 12.0658L4.25233 8.07494C3.33035 7.69193 2.31525 8.36945 2.31525 9.36782V22.8027C2.31525 23.7645 2.77321 24.6503 3.51862 25.2092Z"
      fill="url(#paint5_linear_18_3713)"
    />
    <ellipse
      cx={15.7632}
      cy={6.46465}
      rx={2.73867}
      ry={1.15767}
      fill="url(#paint6_radial_18_3713)"
    />
    <ellipse
      cx={19.5158}
      cy={24.1707}
      rx={1.51144}
      ry={2.37358}
      transform="rotate(23.4058 19.5158 24.1707)"
      fill="url(#paint7_radial_18_3713)"
    />
    <ellipse
      cx={19.5158}
      cy={24.1707}
      rx={1.51144}
      ry={2.37358}
      transform="rotate(23.4058 19.5158 24.1707)"
      fill="url(#paint8_radial_18_3713)"
    />
    <ellipse
      cx={22.6432}
      cy={18.9698}
      rx={1.51144}
      ry={2.37358}
      transform="rotate(23.4058 22.6432 18.9698)"
      fill="url(#paint9_radial_18_3713)"
    />
    <ellipse
      cx={22.6432}
      cy={18.9698}
      rx={1.51144}
      ry={2.37358}
      transform="rotate(23.4058 22.6432 18.9698)"
      fill="url(#paint10_radial_18_3713)"
    />
    <ellipse
      cx={25.788}
      cy={13.6653}
      rx={1.51144}
      ry={2.37358}
      transform="rotate(23.4058 25.788 13.6653)"
      fill="url(#paint11_radial_18_3713)"
    />
    <ellipse
      cx={25.788}
      cy={13.6653}
      rx={1.51144}
      ry={2.37358}
      transform="rotate(23.4058 25.788 13.6653)"
      fill="url(#paint12_radial_18_3713)"
    />
    <ellipse
      rx={1.52269}
      ry={2.56165}
      transform="matrix(-0.959262 0.282519 0.282519 0.959262 5.72121 13.8997)"
      fill="url(#paint13_radial_18_3713)"
    />
    <ellipse
      rx={1.52269}
      ry={2.56165}
      transform="matrix(-0.959262 0.282519 0.282519 0.959262 12.2871 23.9103)"
      fill="#5A867B"
      fillOpacity={0.5}
    />
    <ellipse
      rx={1.52269}
      ry={2.56165}
      transform="matrix(-0.959262 0.282519 0.282519 0.959262 12.2871 23.9103)"
      fill="url(#paint14_radial_18_3713)"
    />
    <defs>
      <filter
        id="filter0_ii_18_3713"
        x={2.07015}
        y={2.11905}
        width={27.3337}
        height={27.9584}
        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.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.807843 0 0 0 0 0.807843 0 0 0 0 0.807843 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3713"
        />
        <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} 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.964706 0 0 0 0 0.964706 0 0 0 0 0.964706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3713"
          result="effect2_innerShadow_18_3713"
        />
      </filter>
      <filter
        id="filter1_f_18_3713"
        x={1.66763}
        y={6.37231}
        width={15.3943}
        height={23.2039}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.625}
          result="effect1_foregroundBlur_18_3713"
        />
      </filter>
      <filter
        id="filter2_f_18_3713"
        x={14.4583}
        y={5.71875}
        width={15.3943}
        height={22.7324}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.625}
          result="effect1_foregroundBlur_18_3713"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_3713"
        x1={17.0215}
        y1={29.9275}
        x2={17.0215}
        y2={25.5057}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BEA5D6" />
        <stop offset={1} stopColor="#BEA5D6" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.6025 30.1364) rotate(-65.6375) scale(2.01057 1.94372)"
      >
        <stop offset={0.415529} stopColor="#AB8CC8" />
        <stop offset={1} stopColor="#AB8CC8" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_3713"
        x1={28.4942}
        y1={6.43749}
        x2={25.0567}
        y2={11.375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FAF9FA" />
        <stop offset={1} stopColor="#FAF9FA" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_3713"
        x1={8.88387}
        y1={4.20055}
        x2={9.17117}
        y2={4.93476}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C9C9C9" />
        <stop offset={1} stopColor="#C9C9C9" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_3713"
        x1={17.7126}
        y1={14.7239}
        x2={30.2915}
        y2={24.8837}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E7E1ED" />
        <stop offset={1} stopColor="#E4DDEC" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_3713"
        x1={2.31525}
        y1={8.79024}
        x2={14.4517}
        y2={29.471}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B7B1BE" />
        <stop offset={1} stopColor="#AB9EBA" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.4967 6.46465) scale(4.66524 1.15767)"
      >
        <stop stopColor="#FF647D" />
        <stop offset={1} stopColor="#E14065" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.1763 22.6276) rotate(77.2138) scale(3.6376 3.41209)"
      >
        <stop offset={0.28841} stopColor="#46377C" />
        <stop offset={1} stopColor="#4E306A" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.1549 24.8283) rotate(78.8589) scale(1.50272 1.2658)"
      >
        <stop stopColor="#65568A" />
        <stop offset={1} stopColor="#65568A" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.3038 17.4267) rotate(77.2138) scale(3.6376 3.41209)"
      >
        <stop offset={0.28841} stopColor="#46377C" />
        <stop offset={1} stopColor="#4E306A" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.2824 19.6274) rotate(78.8589) scale(1.50272 1.2658)"
      >
        <stop stopColor="#65568A" />
        <stop offset={1} stopColor="#65568A" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.4485 12.1221) rotate(77.2138) scale(3.6376 3.41209)"
      >
        <stop offset={0.28841} stopColor="#46377C" />
        <stop offset={1} stopColor="#4E306A" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.4271 14.3228) rotate(78.8589) scale(1.50272 1.2658)"
      >
        <stop stopColor="#65568A" />
        <stop offset={1} stopColor="#65568A" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(1.2912 4.66526) rotate(-76.6657) scale(4.11785 2.44773)"
      >
        <stop stopColor="#3E284E" />
        <stop offset={1} stopColor="#40306F" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_18_3713"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(1.2912 4.66526) rotate(-95.2473) scale(4.21668 3.05862)"
      >
        <stop stopColor="#3E284E" />
        <stop offset={1} stopColor="#40306F" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = GameDieIcon;