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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const HotBeverageIcon = ({ 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="M14.5 30C20.8513 30 26 24.8513 26 18.5C26 12.1487 20.8513 7 14.5 7C8.14873 7 3 12.1487 3 18.5C3 24.8513 8.14873 30 14.5 30Z"
      fill="url(#paint0_linear_18_30459)"
    />
    <path
      d="M14.5 30C20.8513 30 26 24.8513 26 18.5C26 12.1487 20.8513 7 14.5 7C8.14873 7 3 12.1487 3 18.5C3 24.8513 8.14873 30 14.5 30Z"
      fill="url(#paint1_radial_18_30459)"
    />
    <path
      d="M14.5 30C20.8513 30 26 24.8513 26 18.5C26 12.1487 20.8513 7 14.5 7C8.14873 7 3 12.1487 3 18.5C3 24.8513 8.14873 30 14.5 30Z"
      fill="url(#paint2_radial_18_30459)"
    />
    <path
      d="M14.5 30C20.8513 30 26 24.8513 26 18.5C26 12.1487 20.8513 7 14.5 7C8.14873 7 3 12.1487 3 18.5C3 24.8513 8.14873 30 14.5 30Z"
      fill="url(#paint3_radial_18_30459)"
    />
    <path
      d="M14.5 30C20.8513 30 26 24.8513 26 18.5C26 12.1487 20.8513 7 14.5 7C8.14873 7 3 12.1487 3 18.5C3 24.8513 8.14873 30 14.5 30Z"
      fill="url(#paint4_linear_18_30459)"
    />
    <g filter="url(#filter0_f_18_30459)">
      <path
        d="M14.4844 29.5625C20.6372 29.5625 25.625 24.6656 25.625 18.625C25.625 12.5844 20.6372 7.6875 14.4844 7.6875C8.33158 7.6875 3.34375 12.5844 3.34375 18.625C3.34375 24.6656 8.33158 29.5625 14.4844 29.5625Z"
        fill="url(#paint5_linear_18_30459)"
      />
      <path
        d="M14.4844 29.5625C20.6372 29.5625 25.625 24.6656 25.625 18.625C25.625 12.5844 20.6372 7.6875 14.4844 7.6875C8.33158 7.6875 3.34375 12.5844 3.34375 18.625C3.34375 24.6656 8.33158 29.5625 14.4844 29.5625Z"
        fill="url(#paint6_radial_18_30459)"
      />
      <path
        d="M14.4844 29.5625C20.6372 29.5625 25.625 24.6656 25.625 18.625C25.625 12.5844 20.6372 7.6875 14.4844 7.6875C8.33158 7.6875 3.34375 12.5844 3.34375 18.625C3.34375 24.6656 8.33158 29.5625 14.4844 29.5625Z"
        fill="url(#paint7_radial_18_30459)"
      />
      <path
        d="M14.4844 29.5625C20.6372 29.5625 25.625 24.6656 25.625 18.625C25.625 12.5844 20.6372 7.6875 14.4844 7.6875C8.33158 7.6875 3.34375 12.5844 3.34375 18.625C3.34375 24.6656 8.33158 29.5625 14.4844 29.5625Z"
        fill="url(#paint8_radial_18_30459)"
      />
    </g>
    <path
      d="M23.05 9.96997C25.25 9.96997 27.03 11.76 27.03 13.95C27.03 16.14 25.24 17.93 23.05 17.93C20.86 17.93 19.07 16.14 19.07 13.95C19.07 11.76 20.85 9.96997 23.05 9.96997ZM23.05 7.96997C19.75 7.96997 17.07 10.65 17.07 13.95C17.07 17.25 19.75 19.93 23.05 19.93C26.35 19.93 29.03 17.25 29.03 13.95C29.03 10.65 26.35 7.96997 23.05 7.96997Z"
      fill="#BFBAC9"
    />
    <path
      d="M23.05 9.96997C25.25 9.96997 27.03 11.76 27.03 13.95C27.03 16.14 25.24 17.93 23.05 17.93C20.86 17.93 19.07 16.14 19.07 13.95C19.07 11.76 20.85 9.96997 23.05 9.96997ZM23.05 7.96997C19.75 7.96997 17.07 10.65 17.07 13.95C17.07 17.25 19.75 19.93 23.05 19.93C26.35 19.93 29.03 17.25 29.03 13.95C29.03 10.65 26.35 7.96997 23.05 7.96997Z"
      fill="url(#paint9_radial_18_30459)"
    />
    <path
      d="M23.05 9.96997C25.25 9.96997 27.03 11.76 27.03 13.95C27.03 16.14 25.24 17.93 23.05 17.93C20.86 17.93 19.07 16.14 19.07 13.95C19.07 11.76 20.85 9.96997 23.05 9.96997ZM23.05 7.96997C19.75 7.96997 17.07 10.65 17.07 13.95C17.07 17.25 19.75 19.93 23.05 19.93C26.35 19.93 29.03 17.25 29.03 13.95C29.03 10.65 26.35 7.96997 23.05 7.96997Z"
      fill="url(#paint10_radial_18_30459)"
    />
    <path
      d="M21.4 12.38C19.68 10.46 17.19 9.25 14.42 9.25C11.65 9.25 9.15 10.46 7.43 12.38H5.04V17.63C5.04 22.8 9.25 27.01 14.42 27.01C19.59 27.01 23.8 22.8 23.8 17.63V12.38H21.4Z"
      fill="url(#paint11_linear_18_30459)"
    />
    <path
      d="M14.41 21.76C19.5904 21.76 23.79 17.5604 23.79 12.38C23.79 7.19957 19.5904 3 14.41 3C9.22957 3 5.03 7.19957 5.03 12.38C5.03 17.5604 9.22957 21.76 14.41 21.76Z"
      fill="#C5BCD4"
    />
    <path
      d="M14.41 20.67C18.9884 20.67 22.7 16.9584 22.7 12.38C22.7 7.80153 18.9884 4.08997 14.41 4.08997C9.83156 4.08997 6.12 7.80153 6.12 12.38C6.12 16.9584 9.83156 20.67 14.41 20.67Z"
      fill="#835358"
    />
    <path
      d="M14.41 20.67C18.9884 20.67 22.7 16.9584 22.7 12.38C22.7 7.80153 18.9884 4.08997 14.41 4.08997C9.83156 4.08997 6.12 7.80153 6.12 12.38C6.12 16.9584 9.83156 20.67 14.41 20.67Z"
      fill="url(#paint12_radial_18_30459)"
    />
    <path
      d="M14.41 20.67C18.9884 20.67 22.7 16.9584 22.7 12.38C22.7 7.80153 18.9884 4.08997 14.41 4.08997C9.83156 4.08997 6.12 7.80153 6.12 12.38C6.12 16.9584 9.83156 20.67 14.41 20.67Z"
      fill="url(#paint13_radial_18_30459)"
    />
    <path
      d="M14.41 20.67C18.9884 20.67 22.7 16.9584 22.7 12.38C22.7 7.80153 18.9884 4.08997 14.41 4.08997C9.83156 4.08997 6.12 7.80153 6.12 12.38C6.12 16.9584 9.83156 20.67 14.41 20.67Z"
      fill="url(#paint14_radial_18_30459)"
    />
    <g filter="url(#filter1_d_18_30459)">
      <path
        d="M14.41 6.15996C18.63 6.15996 22.12 9.32996 22.64 13.41C22.68 13.07 22.71 12.72 22.71 12.37C22.71 7.79996 18.99 4.07996 14.42 4.07996C9.85 4.07996 6.13 7.79996 6.13 12.37C6.13 12.72 6.15 13.07 6.2 13.41C6.7 9.32996 10.19 6.15996 14.41 6.15996Z"
        fill="url(#paint15_linear_18_30459)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_30459"
        x={2.84375}
        y={7.1875}
        width={23.2813}
        height={22.875}
        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_30459"
        />
      </filter>
      <filter
        id="filter1_d_18_30459"
        x={2.13}
        y={4.07996}
        width={24.58}
        height={17.33}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <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 dy={4} />
        <feGaussianBlur stdDeviation={2} />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_18_30459"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_18_30459"
          result="shape"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_30459"
        x1={10.75}
        y1={9.125}
        x2={21.125}
        y2={30.875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#99989F" />
        <stop offset={0.453007} stopColor="#A99BBE" />
        <stop offset={0.87724} stopColor="#C7BBDA" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.9375 18.5) rotate(91.2454) scale(11.5027 12.1294)"
      >
        <stop offset={0.720595} stopColor="#9C8BB4" />
        <stop offset={0.818257} stopColor="#9D8FB2" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.375 13.5625) rotate(90) scale(8.0625)"
      >
        <stop offset={0.503876} stopColor="#9D98A8" />
        <stop offset={1} stopColor="#9F9AAA" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.125 12.8125) rotate(55.0349) scale(10.906 6.12728)"
      >
        <stop offset={0.253013} stopColor="#D1D0D7" />
        <stop offset={1} stopColor="#D3D2D9" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_30459"
        x1={15.375}
        y1={30.5}
        x2={15.375}
        y2={17.625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AD95C8" />
        <stop offset={1} stopColor="#AD95C8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_30459"
        x1={10.8516}
        y1={9.70856}
        x2={20.6045}
        y2={30.5342}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#99989F" />
        <stop offset={0.453007} stopColor="#A99BBE" />
        <stop offset={0.87724} stopColor="#C7BBDA" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.125 18.625) rotate(92.831) scale(11.3889 12.2322)"
      >
        <stop offset={0.720595} stopColor="#9C8BB4" />
        <stop offset={0.818257} stopColor="#9D8FB2" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.625 18.125) rotate(64.4276) scale(11.2938 10.2545)"
      >
        <stop offset={0.914286} stopColor="#BCB2CD" stopOpacity={0} />
        <stop offset={0.988516} stopColor="#BEB2CF" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.0508 13.929) rotate(90) scale(7.66814 7.81055)"
      >
        <stop offset={0.503876} stopColor="#9D98A8" />
        <stop offset={1} stopColor="#9F9AAA" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.05 13.95) rotate(90) scale(5.98)"
      >
        <stop offset={0.678189} stopColor="#958DA3" />
        <stop offset={0.792774} stopColor="#AF9DC6" />
        <stop offset={1} stopColor="#B4A3CA" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.625 17.1875) rotate(88.078) scale(9.31774 7.06691)"
      >
        <stop offset={0.805824} stopColor="#D9D6E0" stopOpacity={0} />
        <stop offset={0.907195} stopColor="#D8D6E0" />
        <stop offset={1} stopColor="#D8D6E0" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_30459"
        x1={5.04}
        y1={20.25}
        x2={23.8}
        y2={20.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A6A1B0" />
        <stop offset={0.257729} stopColor="#B1A1C6" />
        <stop offset={0.64419} stopColor="#B19BCB" />
        <stop offset={1} stopColor="#B5AEC1" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.41 12.875) rotate(90) scale(12.75 12.75)"
      >
        <stop offset={0.377125} stopColor="#835358" />
        <stop offset={0.622549} stopColor="#744C4D" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.41 12.875) rotate(90) scale(21.25 20.035)"
      >
        <stop offset={0.370588} stopColor="#502728" stopOpacity={0} />
        <stop offset={0.405263} stopColor="#552C2B" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_18_30459"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.41 14.875) rotate(90) scale(15 14.3475)"
      >
        <stop offset={0.55} stopColor="#502728" stopOpacity={0} />
        <stop offset={0.595833} stopColor="#552C2B" />
      </radialGradient>
      <linearGradient
        id="paint15_linear_18_30459"
        x1={6.13}
        y1={10.4375}
        x2={22.71}
        y2={10.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A298A8" />
        <stop offset={0.489747} stopColor="#9F8FAE" />
        <stop offset={1} stopColor="#8C8191" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = HotBeverageIcon;