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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const FireIcon = ({ 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="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint0_radial_18_15821)"
    />
    <path
      d="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint1_radial_18_15821)"
    />
    <path
      d="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint2_linear_18_15821)"
    />
    <path
      d="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint3_radial_18_15821)"
    />
    <path
      d="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint4_radial_18_15821)"
    />
    <path
      d="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint5_radial_18_15821)"
    />
    <path
      d="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint6_radial_18_15821)"
    />
    <path
      d="M12.5554 8.93525C14.0921 6.53779 15.0016 4.32368 15.4762 2.75834C15.6581 2.1584 16.4264 1.91265 16.8824 2.34277C23.7549 8.82401 26.0011 13.7722 26.4493 19.4908C26.7774 25.0221 24.0587 29.944 16.7618 29.944C9.91109 29.944 4.85547 25.1627 5.54294 17.5846C5.95379 13.0556 7.7145 9.60538 9.12218 7.55149C9.56028 6.91229 10.473 6.90302 10.9779 7.49092L12.237 8.95719C12.3238 9.05822 12.4835 9.04736 12.5554 8.93525Z"
      fill="url(#paint7_radial_18_15821)"
    />
    <g filter="url(#filter0_i_18_15821)">
      <path
        d="M10.1782 19.8769C11.4805 16.7776 14.1528 13.348 15.9574 11.4875C16.4673 10.9618 17.2915 10.9524 17.8301 11.4487C21.2913 14.6377 22.3332 17.5207 23.2174 20.8769C24.1372 24.3686 23.2174 29.9946 16.2958 29.9946C10.3351 29.9946 8.27019 24.4174 10.1782 19.8769Z"
        fill="url(#paint8_radial_18_15821)"
      />
      <path
        d="M10.1782 19.8769C11.4805 16.7776 14.1528 13.348 15.9574 11.4875C16.4673 10.9618 17.2915 10.9524 17.8301 11.4487C21.2913 14.6377 22.3332 17.5207 23.2174 20.8769C24.1372 24.3686 23.2174 29.9946 16.2958 29.9946C10.3351 29.9946 8.27019 24.4174 10.1782 19.8769Z"
        fill="url(#paint9_radial_18_15821)"
      />
      <path
        d="M10.1782 19.8769C11.4805 16.7776 14.1528 13.348 15.9574 11.4875C16.4673 10.9618 17.2915 10.9524 17.8301 11.4487C21.2913 14.6377 22.3332 17.5207 23.2174 20.8769C24.1372 24.3686 23.2174 29.9946 16.2958 29.9946C10.3351 29.9946 8.27019 24.4174 10.1782 19.8769Z"
        fill="url(#paint10_radial_18_15821)"
      />
    </g>
    <path
      d="M10.1782 19.8769C11.4805 16.7776 14.1528 13.348 15.9574 11.4875C16.4673 10.9618 17.2915 10.9524 17.8301 11.4487C21.2913 14.6377 22.3332 17.5207 23.2174 20.8769C24.1372 24.3686 23.2174 29.9946 16.2958 29.9946C10.3351 29.9946 8.27019 24.4174 10.1782 19.8769Z"
      fill="url(#paint11_linear_18_15821)"
    />
    <path
      d="M10.1782 19.8769C11.4805 16.7776 14.1528 13.348 15.9574 11.4875C16.4673 10.9618 17.2915 10.9524 17.8301 11.4487C21.2913 14.6377 22.3332 17.5207 23.2174 20.8769C24.1372 24.3686 23.2174 29.9946 16.2958 29.9946C10.3351 29.9946 8.27019 24.4174 10.1782 19.8769Z"
      fill="url(#paint12_radial_18_15821)"
    />
    <g filter="url(#filter1_f_18_15821)">
      <path
        d="M11.8137 11.5385C14.1291 8.14851 15.4831 4.48144 15.8966 3.57653C15.2936 8.21133 13.5364 11.6047 10.2287 15.9746C7.58254 19.4706 7.10476 22.4634 7.12774 23.1917C6.30081 17.63 8.91941 15.776 11.8137 11.5385Z"
        fill="url(#paint13_linear_18_15821)"
      />
    </g>
    <g filter="url(#filter2_f_18_15821)">
      <path
        d="M9.81366 7.87422C8.5136 9.4879 5.9295 13.9638 5.99348 18.9582C7.27492 13.8358 10.2692 12.2215 9.81366 7.87422Z"
        fill="url(#paint14_linear_18_15821)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_15821"
        x={9.48987}
        y={11.0846}
        width={14.5255}
        height={18.9099}
        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.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.952941 0 0 0 0 0.615686 0 0 0 0 0.364706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15821"
        />
      </filter>
      <filter
        id="filter1_f_18_15821"
        x={5.7229}
        y={2.32654}
        width={11.4237}
        height={22.1152}
        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_15821"
        />
      </filter>
      <filter
        id="filter2_f_18_15821"
        x={4.49231}
        y={6.37427}
        width={6.86804}
        height={14.0839}
        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_15821"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.0023 19.72) rotate(-179.474) scale(17.0988 25.7861)"
      >
        <stop stopColor="#FF953D" />
        <stop offset={1} stopColor="#FF5141" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.3724 15.6549) rotate(-157.937) scale(10.3441 17.8495)"
      >
        <stop stopColor="#CE5327" />
        <stop offset={1} stopColor="#CE5327" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_15821"
        x1={18.3364}
        y1={29.944}
        x2={18.3364}
        y2={24.8455}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF7583" />
        <stop offset={1} stopColor="#FF7583" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.95718 14.3914) rotate(24.0149) scale(3.10465 25.6991)"
      >
        <stop stopColor="#FFAA7B" />
        <stop offset={1} stopColor="#FFAA7B" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.31032 6.25095) rotate(77.3196) scale(3.84035 4.79187)"
      >
        <stop stopColor="#FF5E47" />
        <stop offset={1} stopColor="#FF5E47" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.429 1.36584) rotate(87.8819) scale(10.1374 9.38321)"
      >
        <stop stopColor="#FF2F3C" />
        <stop offset={1} stopColor="#FF2F3C" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.9 4.79911) rotate(25.3285) scale(2.29895 4.61352)"
      >
        <stop stopColor="#FF846C" />
        <stop offset={1} stopColor="#FF846C" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.4577 8.20959) rotate(113.224) scale(2.27837 0.522116)"
      >
        <stop stopColor="#FFA682" />
        <stop offset={1} stopColor="#FFA682" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.2046 24.3762) rotate(-168.558) scale(10.0291 12.4891)"
      >
        <stop stopColor="#FFDA2F" />
        <stop offset={1} stopColor="#FF8E41" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.4013 8.59263) rotate(69.0442) scale(14.1425 12.2879)"
      >
        <stop stopColor="#FD5639" />
        <stop offset={1} stopColor="#FE5533" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.239 20.6289) rotate(174.239) scale(9.79866 23.9914)"
      >
        <stop offset={0.627719} stopColor="#D7812D" stopOpacity={0} />
        <stop offset={1} stopColor="#D7812D" />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_15821"
        x1={16.5026}
        y1={10.6122}
        x2={16.5026}
        y2={14.2595}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F95131" />
        <stop offset={1} stopColor="#F95131" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint12_radial_18_15821"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.9857 18.8023) rotate(143.063) scale(16.0546 11.6174)"
      >
        <stop offset={0.772305} stopColor="#F18A52" stopOpacity={0} />
        <stop offset={1} stopColor="#F18A52" />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_15821"
        x1={14.9957}
        y1={4.2552}
        x2={7.65549}
        y2={22.7319}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF7558" />
        <stop offset={1} stopColor="#F38758" />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_15821"
        x1={9.54097}
        y1={8.14373}
        x2={5.58208}
        y2={19.4793}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF815B" />
        <stop offset={1} stopColor="#FF9C6D" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = FireIcon;