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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const CookingIcon = ({ 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="M28.66 23.87L22.12 18.87L18.88 22.11L23.88 28.65C25.14 30.29 27.55 30.46 29.02 28.99C30.47 27.54 30.31 25.12 28.66 23.87ZM25.42 27.51C24.84 26.93 24.84 25.99 25.42 25.41C26 24.83 26.94 24.83 27.52 25.41C28.1 25.99 28.1 26.93 27.52 27.51C26.94 28.09 26 28.09 25.42 27.51Z"
      fill="url(#paint0_linear_18_33665)"
    />
    <path
      d="M28.66 23.87L22.12 18.87L18.88 22.11L23.88 28.65C25.14 30.29 27.55 30.46 29.02 28.99C30.47 27.54 30.31 25.12 28.66 23.87ZM25.42 27.51C24.84 26.93 24.84 25.99 25.42 25.41C26 24.83 26.94 24.83 27.52 25.41C28.1 25.99 28.1 26.93 27.52 27.51C26.94 28.09 26 28.09 25.42 27.51Z"
      fill="url(#paint1_radial_18_33665)"
    />
    <path
      d="M28.66 23.87L22.12 18.87L18.88 22.11L23.88 28.65C25.14 30.29 27.55 30.46 29.02 28.99C30.47 27.54 30.31 25.12 28.66 23.87ZM25.42 27.51C24.84 26.93 24.84 25.99 25.42 25.41C26 24.83 26.94 24.83 27.52 25.41C28.1 25.99 28.1 26.93 27.52 27.51C26.94 28.09 26 28.09 25.42 27.51Z"
      fill="url(#paint2_radial_18_33665)"
    />
    <path
      d="M13.88 25.76C20.4411 25.76 25.76 20.4411 25.76 13.88C25.76 7.31886 20.4411 2 13.88 2C7.31885 2 2 7.31886 2 13.88C2 20.4411 7.31885 25.76 13.88 25.76Z"
      fill="url(#paint3_linear_18_33665)"
    />
    <g filter="url(#filter0_f_18_33665)">
      <path
        d="M13.88 25.1663C20.1132 25.1663 25.1662 20.1132 25.1662 13.88C25.1662 7.64678 20.1132 2.59375 13.88 2.59375C7.64677 2.59375 2.59375 7.64678 2.59375 13.88C2.59375 20.1132 7.64677 25.1663 13.88 25.1663Z"
        fill="url(#paint4_linear_18_33665)"
      />
      <path
        d="M13.88 25.1663C20.1132 25.1663 25.1662 20.1132 25.1662 13.88C25.1662 7.64678 20.1132 2.59375 13.88 2.59375C7.64677 2.59375 2.59375 7.64678 2.59375 13.88C2.59375 20.1132 7.64677 25.1663 13.88 25.1663Z"
        fill="url(#paint5_radial_18_33665)"
      />
    </g>
    <path
      d="M13.88 22.88C18.8506 22.88 22.88 18.8506 22.88 13.88C22.88 8.90944 18.8506 4.88 13.88 4.88C8.90944 4.88 4.88 8.90944 4.88 13.88C4.88 18.8506 8.90944 22.88 13.88 22.88Z"
      fill="url(#paint6_radial_18_33665)"
    />
    <path
      d="M13.88 22.88C18.8506 22.88 22.88 18.8506 22.88 13.88C22.88 8.90944 18.8506 4.88 13.88 4.88C8.90944 4.88 4.88 8.90944 4.88 13.88C4.88 18.8506 8.90944 22.88 13.88 22.88Z"
      fill="url(#paint7_radial_18_33665)"
    />
    <g filter="url(#filter1_f_18_33665)">
      <path
        d="M18.9794 12.2738C18.6994 11.8838 18.3294 11.6038 17.9194 11.4638C17.4694 11.3038 17.0694 11.0138 16.7494 10.6638C16.6094 10.5038 16.4594 10.3538 16.2894 10.2138C14.6794 8.82375 12.3694 8.62376 10.5694 9.63376C10.1094 9.89376 9.60939 10.0638 9.08939 10.1638H9.07939C8.53939 10.2738 8.11939 10.7338 8.04939 11.2838C8.03939 11.4138 8.03939 11.5338 8.05939 11.6538C8.13939 12.1438 8.16939 12.6338 8.07939 13.1238C7.79939 14.6838 8.25939 16.3538 9.46939 17.5638C10.7894 18.8738 12.6494 19.3138 14.3194 18.8538C14.8994 18.6938 15.5094 18.6538 16.1094 18.6938C16.4994 18.7138 16.8894 18.5838 17.1894 18.2838C17.5794 17.8938 17.6994 17.3238 17.5294 16.8338C17.4494 16.5938 17.4694 16.3238 17.5694 16.0938V16.0838C17.6694 15.8538 17.8594 15.6838 18.0794 15.5838C18.4294 15.4238 18.7394 15.1638 18.9894 14.8138C19.5094 14.0338 19.5094 13.0138 18.9794 12.2738Z"
        fill="#3D3246"
      />
    </g>
    <path
      d="M19.35 11.98C19.07 11.59 18.7 11.31 18.29 11.17C17.84 11.01 17.44 10.72 17.12 10.37C16.98 10.21 16.83 10.06 16.66 9.91999C15.05 8.52999 12.74 8.32999 10.94 9.33999C10.48 9.59999 9.97999 9.76999 9.45999 9.86999H9.45C8.91 9.97999 8.49 10.44 8.42 10.99C8.41 11.12 8.40999 11.24 8.42999 11.36C8.50999 11.85 8.54 12.34 8.45 12.83C8.17 14.39 8.63 16.06 9.84 17.27C11.16 18.58 13.02 19.02 14.69 18.56C15.27 18.4 15.88 18.36 16.48 18.4C16.87 18.42 17.26 18.29 17.56 17.99C17.95 17.6 18.07 17.03 17.9 16.54C17.82 16.3 17.84 16.03 17.94 15.8V15.79C18.04 15.56 18.23 15.39 18.45 15.29C18.8 15.13 19.11 14.87 19.36 14.52C19.88 13.74 19.88 12.72 19.35 11.98Z"
      fill="url(#paint8_linear_18_33665)"
    />
    <g filter="url(#filter2_f_18_33665)">
      <path
        d="M18.7764 12.1688C18.5268 11.8211 18.1969 11.5715 17.8313 11.4466C17.4301 11.304 17.0735 11.0454 16.7882 10.7334C16.6634 10.5907 16.5296 10.457 16.378 10.3322C14.9426 9.09286 12.8831 8.91455 11.2782 9.81504C10.8681 10.0469 10.4223 10.1984 9.95866 10.2876H9.94975C9.4683 10.3857 9.09383 10.7958 9.03142 11.2862C9.02251 11.4021 9.0225 11.509 9.04033 11.616C9.11166 12.0529 8.90345 12.6826 8.8232 13.1195C8.57356 14.5104 8.98369 15.9993 10.0625 17.0781C11.2394 18.2461 12.8977 18.6384 14.3867 18.2283C14.9038 18.0856 15.6826 17.8571 16.2176 17.8928C16.5653 17.9106 16.913 17.7947 17.1805 17.5272C17.5282 17.1795 17.6352 16.6713 17.4836 16.2344C17.4123 16.0204 17.4301 15.7797 17.5193 15.5747V15.5657C17.6084 15.3607 17.7778 15.2091 17.974 15.12C18.286 14.9773 18.5624 14.7455 18.7853 14.4334C19.2489 13.738 19.2489 12.8286 18.7764 12.1688Z"
        fill="url(#paint9_linear_18_33665)"
      />
    </g>
    <g filter="url(#filter3_f_18_33665)">
      <path
        d="M12.1862 16.3167C13.5331 16.3167 14.625 15.2248 14.625 13.878C14.625 12.5311 13.5331 11.4392 12.1862 11.4392C10.8394 11.4392 9.7475 12.5311 9.7475 13.878C9.7475 15.2248 10.8394 16.3167 12.1862 16.3167Z"
        fill="#AE8CBB"
      />
    </g>
    <g filter="url(#filter4_f_18_33665)">
      <path
        d="M12.7462 16.18C14.1435 16.18 15.2762 15.0473 15.2762 13.65C15.2762 12.2527 14.1435 11.12 12.7462 11.12C11.349 11.12 10.2162 12.2527 10.2162 13.65C10.2162 15.0473 11.349 16.18 12.7462 16.18Z"
        fill="white"
      />
    </g>
    <path
      d="M12.59 16.18C13.9873 16.18 15.12 15.0473 15.12 13.65C15.12 12.2527 13.9873 11.12 12.59 11.12C11.1927 11.12 10.06 12.2527 10.06 13.65C10.06 15.0473 11.1927 16.18 12.59 16.18Z"
      fill="url(#paint10_radial_18_33665)"
    />
    <g filter="url(#filter5_f_18_33665)">
      <path
        d="M13.5625 12.0625C13.8229 12.2083 14.375 12.7125 14.5 13.5625"
        stroke="url(#paint11_radial_18_33665)"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter6_f_18_33665)">
      <path
        d="M24.625 25.6875C24.3125 26.3438 24.4 27.2812 25.125 27.9062"
        stroke="url(#paint12_radial_18_33665)"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter7_f_18_33665)">
      <path
        d="M23.9062 20.8125L28.8125 24.625C29.375 25.125 30.0438 26.7313 28.9688 28.5312"
        stroke="url(#paint13_radial_18_33665)"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter8_f_18_33665)">
      <path
        d="M20.5312 23.5L24.6406 28.6875C25.2812 29.4375 26.4188 29.8781 27.7188 29.3281"
        stroke="#513D75"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_33665"
        x={2.09375}
        y={2.09375}
        width={23.5725}
        height={23.5725}
        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_33665"
        />
      </filter>
      <filter
        id="filter1_f_18_33665"
        x={7.5}
        y={8.5}
        width={12.3782}
        height={11.0306}
        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_33665"
        />
      </filter>
      <filter
        id="filter2_f_18_33665"
        x={8.50244}
        y={9}
        width={10.8795}
        height={9.63593}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_33665"
        />
      </filter>
      <filter
        id="filter3_f_18_33665"
        x={9.2475}
        y={10.9392}
        width={5.8775}
        height={5.8775}
        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_33665"
        />
      </filter>
      <filter
        id="filter4_f_18_33665"
        x={9.71625}
        y={10.62}
        width={6.06}
        height={6.06}
        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_33665"
        />
      </filter>
      <filter
        id="filter5_f_18_33665"
        x={13.0624}
        y={11.5625}
        width={1.93762}
        height={2.50006}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_33665"
        />
      </filter>
      <filter
        id="filter6_f_18_33665"
        x={23.9542}
        y={25.1874}
        width={1.67078}
        height={3.21881}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_33665"
        />
      </filter>
      <filter
        id="filter7_f_18_33665"
        x={23.4062}
        y={20.3125}
        width={6.63428}
        height={8.71878}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_33665"
        />
      </filter>
      <filter
        id="filter8_f_18_33665"
        x={20.0312}
        y={23}
        width={8.18756}
        height={7.07446}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_33665"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_33665"
        x1={21.625}
        y1={21.3125}
        x2={29.0092}
        y2={28.9866}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#604A93" />
        <stop offset={1} stopColor="#594172" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.8125 26.5937) rotate(121.551) scale(2.09025 2.09149)"
      >
        <stop stopColor="#4C3965" />
        <stop offset={0.943451} stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.5625 21.4687) rotate(135.822) scale(4.61877 2.16107)"
      >
        <stop stopColor="#482D6E" />
        <stop offset={1} stopColor="#3F285C" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_33665"
        x1={22.9375}
        y1={6.625}
        x2={4.3125}
        y2={20.9375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7E75BF" />
        <stop offset={0.506319} stopColor="#58457C" />
        <stop offset={1} stopColor="#4D3966" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_33665"
        x1={23.2567}
        y1={6.57196}
        x2={5.90787}
        y2={21.8496}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5E50A1" />
        <stop offset={0.448599} stopColor="#5C4385" />
        <stop offset={1} stopColor="#5D3F7C" />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.0346 14.4096) rotate(85.1183) scale(16.7455 16.7455)"
      >
        <stop offset={0.338735} stopColor="#B5A4CB" />
        <stop offset={0.466223} stopColor="#7E6898" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.9375 14.4375) rotate(-3.39134) scale(16.9046)"
      >
        <stop stopColor="#654B7E" />
        <stop offset={0.465717} stopColor="#4D3A5E" />
        <stop offset={1} stopColor="#1C1C1C" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.0625 10.9375) rotate(111.224) scale(13.8118)"
      >
        <stop offset={0.820788} stopColor="#5E3F77" stopOpacity={0} />
        <stop offset={1} stopColor="#60407C" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_18_33665"
        x1={16.75}
        y1={10.25}
        x2={9.75}
        y2={17.125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="white" />
        <stop offset={0.656914} stopColor="#E8DFEF" />
        <stop offset={0.879102} stopColor="#C7B7D5" />
        <stop offset={1} stopColor="#D1BBE4" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_33665"
        x1={16.875}
        y1={11.125}
        x2={9.8125}
        y2={15.6875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FBEBFF" />
        <stop offset={1} stopColor="#FBEAFF" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14 12.375) rotate(144.66) scale(4.214 4.20983)"
      >
        <stop stopColor="#FFDB5C" />
        <stop offset={0.709289} stopColor="#F3A442" />
        <stop offset={1} stopColor="#B47049" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.1875 12.5625) rotate(169.439) scale(0.93776 1.20071)"
      >
        <stop stopColor="#FFEC86" />
        <stop offset={1} stopColor="#FFEA85" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.6797 26.7969) rotate(161.565) scale(0.716454 1.23032)"
      >
        <stop stopColor="#8670A3" />
        <stop offset={1} stopColor="#846EA1" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_33665"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.8011 24.6719) rotate(172.138) scale(5.76178 4.46925)"
      >
        <stop stopColor="#8670A3" />
        <stop offset={1} stopColor="#846EA1" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = CookingIcon;