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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const PizzaIcon = ({ 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="M23.501 29.4043L7.73828 20.3105L6 16L25 4.5L28.0001 7.5V26.8058C28.0001 29.1147 25.501 30.5582 23.501 29.4043Z"
      fill="url(#paint0_radial_18_29264)"
    />
    <path
      d="M23.501 29.4043L7.73828 20.3105L6 16L25 4.5L28.0001 7.5V26.8058C28.0001 29.1147 25.501 30.5582 23.501 29.4043Z"
      fill="url(#paint1_linear_18_29264)"
    />
    <path
      d="M23.501 29.4043L7.73828 20.3105L6 16L25 4.5L28.0001 7.5V26.8058C28.0001 29.1147 25.501 30.5582 23.501 29.4043Z"
      fill="url(#paint2_linear_18_29264)"
    />
    <path
      d="M28.0001 8.02046C19.3583 8.37466 11.8951 13.2985 7.96253 20.4399L4.64355 18.5251C3.19098 17.6871 2.69688 15.8087 3.69533 14.4613C10.3836 5.43576 20.0605 2.68728 24.9407 1.85616C26.6081 1.57219 28.0001 2.89813 28.0001 4.58954V8.02046Z"
      fill="url(#paint3_radial_18_29264)"
    />
    <path
      d="M28.0001 8.02046C19.3583 8.37466 11.8951 13.2985 7.96253 20.4399L4.64355 18.5251C3.19098 17.6871 2.69688 15.8087 3.69533 14.4613C10.3836 5.43576 20.0605 2.68728 24.9407 1.85616C26.6081 1.57219 28.0001 2.89813 28.0001 4.58954V8.02046Z"
      fill="url(#paint4_linear_18_29264)"
    />
    <path
      d="M28.0001 8.02046C19.3583 8.37466 11.8951 13.2985 7.96253 20.4399L4.64355 18.5251C3.19098 17.6871 2.69688 15.8087 3.69533 14.4613C10.3836 5.43576 20.0605 2.68728 24.9407 1.85616C26.6081 1.57219 28.0001 2.89813 28.0001 4.58954V8.02046Z"
      fill="url(#paint5_radial_18_29264)"
    />
    <path
      d="M26 14.5C26 16.433 24.433 18 22.5 18C20.567 18 19 16.433 19 14.5C19 12.567 20.567 11 22.5 11C24.433 11 26 12.567 26 14.5Z"
      fill="url(#paint6_radial_18_29264)"
    />
    <path
      d="M26 14.5C26 16.433 24.433 18 22.5 18C20.567 18 19 16.433 19 14.5C19 12.567 20.567 11 22.5 11C24.433 11 26 12.567 26 14.5Z"
      fill="url(#paint7_radial_18_29264)"
    />
    <path
      d="M23 25C24.1046 25 25 24.1046 25 23C25 21.8954 24.1046 21 23 21C21.8954 21 21 21.8954 21 23C21 24.1046 21.8954 25 23 25Z"
      fill="url(#paint8_radial_18_29264)"
    />
    <path
      d="M23 25C24.1046 25 25 24.1046 25 23C25 21.8954 24.1046 21 23 21C21.8954 21 21 21.8954 21 23C21 24.1046 21.8954 25 23 25Z"
      fill="url(#paint9_radial_18_29264)"
    />
    <path
      d="M18 20.5C18 21.8807 16.8807 23 15.5 23C14.1193 23 13 21.8807 13 20.5C13 19.1193 14.1193 18 15.5 18C16.8807 18 18 19.1193 18 20.5Z"
      fill="#FF3478"
    />
    <path
      d="M18 20.5C18 21.8807 16.8807 23 15.5 23C14.1193 23 13 21.8807 13 20.5C13 19.1193 14.1193 18 15.5 18C16.8807 18 18 19.1193 18 20.5Z"
      fill="url(#paint10_radial_18_29264)"
    />
    <path
      d="M18 20.5C18 21.8807 16.8807 23 15.5 23C14.1193 23 13 21.8807 13 20.5C13 19.1193 14.1193 18 15.5 18C16.8807 18 18 19.1193 18 20.5Z"
      fill="url(#paint11_radial_18_29264)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.3125 15.75) rotate(128.873) scale(15.7346 13.6768)"
      >
        <stop stopColor="#FFE657" />
        <stop offset={1} stopColor="#FFC547" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_29264"
        x1={13}
        y1={24.375}
        x2={15.4375}
        y2={20.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.230755} stopColor="#EA9352" />
        <stop offset={0.78658} stopColor="#EA9353" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_29264"
        x1={28.0001}
        y1={15.3125}
        x2={26.6875}
        y2={15.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.238166} stopColor="#F5C344" />
        <stop offset={0.809542} stopColor="#FFD059" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.875 15.125) rotate(145.566) scale(34.7064 18.3004)"
      >
        <stop offset={0.277704} stopColor="#FFA060" />
        <stop offset={0.389782} stopColor="#FFC48A" />
        <stop offset={0.454547} stopColor="#FFC888" />
        <stop offset={0.623349} stopColor="#E4AF7C" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_29264"
        x1={5}
        y1={19}
        x2={8.125}
        y2={14.75}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E79786" />
        <stop offset={0.783268} stopColor="#EA8F85" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.875 4.4375) rotate(81.0851) scale(3.22648 6.28749)"
      >
        <stop stopColor="#FFE498" />
        <stop offset={1} stopColor="#FFE398" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.25 13.6875) rotate(137.626) scale(4.82223)"
      >
        <stop stopColor="#FF8DA2" />
        <stop offset={1} stopColor="#FF2B43" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22 16.8125) rotate(101.611) scale(4.65782)"
      >
        <stop offset={0.392769} stopColor="#F63080" />
        <stop offset={1} stopColor="#F73184" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24 22.5357) rotate(137.626) scale(2.75556)"
      >
        <stop stopColor="#FF8DA2" />
        <stop offset={1} stopColor="#FF2B43" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.7143 24.3214) rotate(101.611) scale(2.66161)"
      >
        <stop offset={0.392769} stopColor="#F63080" />
        <stop offset={1} stopColor="#F73184" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.75 19.9196) rotate(137.626) scale(3.44445)"
      >
        <stop stopColor="#FF8DA2" />
        <stop offset={1} stopColor="#FF2B43" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_29264"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.1429 22.1518) rotate(101.611) scale(3.32702)"
      >
        <stop offset={0.392769} stopColor="#F63080" />
        <stop offset={1} stopColor="#F73184" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = PizzaIcon;