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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BeerMugIcon = ({ 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="M18.6 12.8801C21.0466 12.8801 23.03 10.8968 23.03 8.45014C23.03 6.00352 21.0466 4.02014 18.6 4.02014C16.1534 4.02014 14.17 6.00352 14.17 8.45014C14.17 10.8968 16.1534 12.8801 18.6 12.8801Z"
      fill="url(#paint0_radial_18_33005)"
    />
    <path
      d="M7.43 12.8801C9.87662 12.8801 11.86 10.8968 11.86 8.45014C11.86 6.00352 9.87662 4.02014 7.43 4.02014C4.98338 4.02014 3 6.00352 3 8.45014C3 10.8968 4.98338 12.8801 7.43 12.8801Z"
      fill="url(#paint1_radial_18_33005)"
    />
    <path
      d="M25.2183 13.9734C25.6289 13.9734 25.9531 14.3061 25.9531 14.7031V21.25C25.9531 21.6578 25.6498 21.941 25.25 21.941H19.8707C19.4601 21.941 19.1359 21.647 19.1359 21.25V14.7031C19.1359 14.2953 19.4709 13.9734 19.8707 13.9734H25.2183ZM25.8468 10.9739H19.8707C18.1633 10.9739 16.78 12.3475 16.78 14.043V21.941C16.78 23.6365 18.1633 25.0101 19.8707 25.0101H25.8468C27.5542 25.0101 28.9375 23.6365 28.9375 21.941V14.043C28.9375 12.3475 27.5542 10.9739 25.8468 10.9739Z"
      fill="#BDD9F5"
    />
    <g filter="url(#filter0_f_18_33005)">
      <path
        d="M25.2188 13.5625C26.2639 13.5625 26.2639 14.2342 26.2639 14.9375V21.0781C26.2639 21.8906 25.9262 22.2188 24.937 22.2188H19.6858C19.318 22.2188 18.9263 21.8846 18.9263 21.529V14.455C18.9263 14.0897 19.2263 13.5625 19.5845 13.5625H25.2188ZM25.2188 11.2366L19.5845 11.2366C18.0552 11.2366 16.8162 12.9364 16.8162 14.455V21.529C16.8162 23.0476 18.0552 24.7846 19.5845 24.7846H24.937C27.4531 24.7846 28.625 23.5 28.625 21.9006V14.455C28.625 12.7122 27.5469 11.2366 25.2188 11.2366Z"
        fill="#C7EDFF"
      />
    </g>
    <path
      d="M3 9.03015V27.0602C3 28.7202 4.38 30.0602 6.07 30.0602H19.96C21.65 30.0602 23.03 28.7102 23.03 27.0602V9.03015H3Z"
      fill="#C1D6F0"
    />
    <g filter="url(#filter1_f_18_33005)">
      <path
        d="M3.625 9.4375V26.6916C3.625 28.2802 4.92327 29.5625 6.51318 29.5625H19.5806C21.1705 29.5625 22.4687 28.2706 22.4687 26.6916V9.4375H3.625Z"
        fill="#C9EBFF"
      />
    </g>
    <path
      d="M5.22998 27.0501V9.00012H20.8V27.0501C20.8 27.5101 20.43 27.8801 19.97 27.8801H6.05998C5.59998 27.8801 5.22998 27.5101 5.22998 27.0501Z"
      fill="url(#paint2_linear_18_33005)"
    />
    <path
      d="M5.22998 27.0501V9.00012H20.8V27.0501C20.8 27.5101 20.43 27.8801 19.97 27.8801H6.05998C5.59998 27.8801 5.22998 27.5101 5.22998 27.0501Z"
      fill="url(#paint3_linear_18_33005)"
    />
    <path
      d="M5.22998 27.0501V9.00012H20.8V27.0501C20.8 27.5101 20.43 27.8801 19.97 27.8801H6.05998C5.59998 27.8801 5.22998 27.5101 5.22998 27.0501Z"
      fill="url(#paint4_radial_18_33005)"
    />
    <path
      d="M5.22998 27.0501V9.00012H20.8V27.0501C20.8 27.5101 20.43 27.8801 19.97 27.8801H6.05998C5.59998 27.8801 5.22998 27.5101 5.22998 27.0501Z"
      fill="url(#paint5_linear_18_33005)"
    />
    <path
      d="M5.22998 27.0501V9.00012H20.8V27.0501C20.8 27.5101 20.43 27.8801 19.97 27.8801H6.05998C5.59998 27.8801 5.22998 27.5101 5.22998 27.0501Z"
      fill="url(#paint6_radial_18_33005)"
    />
    <path
      d="M5.22998 27.0501V9.00012H20.8V27.0501C20.8 27.5101 20.43 27.8801 19.97 27.8801H6.05998C5.59998 27.8801 5.22998 27.5101 5.22998 27.0501Z"
      fill="url(#paint7_radial_18_33005)"
    />
    <path
      d="M10.02 25.0101C9.47002 25.0101 9.02002 24.5601 9.02002 24.0101V13.6301C9.02002 13.0801 9.47002 12.6301 10.02 12.6301C10.57 12.6301 11.02 13.0801 11.02 13.6301V24.0101C11.02 24.5601 10.57 25.0101 10.02 25.0101Z"
      fill="url(#paint8_linear_18_33005)"
    />
    <path
      d="M16.02 25.0101C15.47 25.0101 15.02 24.5601 15.02 24.0101V13.6301C15.02 13.0801 15.47 12.6301 16.02 12.6301C16.57 12.6301 17.02 13.0801 17.02 13.6301V24.0101C17.02 24.5601 16.57 25.0101 16.02 25.0101Z"
      fill="url(#paint9_linear_18_33005)"
    />
    <path
      d="M18.45 21.1701C18.7703 21.1701 19.03 20.9105 19.03 20.5901C19.03 20.2698 18.7703 20.0101 18.45 20.0101C18.1297 20.0101 17.87 20.2698 17.87 20.5901C17.87 20.9105 18.1297 21.1701 18.45 21.1701Z"
      fill="url(#paint10_radial_18_33005)"
    />
    <path
      d="M12.79 16.0201C13.1103 16.0201 13.37 15.7604 13.37 15.4401C13.37 15.1198 13.1103 14.8601 12.79 14.8601C12.4697 14.8601 12.21 15.1198 12.21 15.4401C12.21 15.7604 12.4697 16.0201 12.79 16.0201Z"
      fill="url(#paint11_radial_18_33005)"
    />
    <path
      d="M17.61 7.01013C17.61 4.23013 15.35 1.98013 12.56 2.00013C9.80003 2.02013 7.59003 4.31013 7.59003 7.08013V12.1301C7.59003 13.5101 8.71003 14.6401 10.1 14.6401C11.48 14.6401 12.61 13.5201 12.61 12.1301V10.4701C12.6 9.66013 13.26 9.00013 14.07 9.00013H17.2C17.47 8.39013 17.61 7.72013 17.61 7.01013Z"
      fill="#BCBBBC"
    />
    <path
      d="M17.61 7.01013C17.61 4.23013 15.35 1.98013 12.56 2.00013C9.80003 2.02013 7.59003 4.31013 7.59003 7.08013V12.1301C7.59003 13.5101 8.71003 14.6401 10.1 14.6401C11.48 14.6401 12.61 13.5201 12.61 12.1301V10.4701C12.6 9.66013 13.26 9.00013 14.07 9.00013H17.2C17.47 8.39013 17.61 7.72013 17.61 7.01013Z"
      fill="url(#paint12_radial_18_33005)"
    />
    <path
      d="M17.61 7.01013C17.61 4.23013 15.35 1.98013 12.56 2.00013C9.80003 2.02013 7.59003 4.31013 7.59003 7.08013V12.1301C7.59003 13.5101 8.71003 14.6401 10.1 14.6401C11.48 14.6401 12.61 13.5201 12.61 12.1301V10.4701C12.6 9.66013 13.26 9.00013 14.07 9.00013H17.2C17.47 8.39013 17.61 7.72013 17.61 7.01013Z"
      fill="url(#paint13_radial_18_33005)"
    />
    <path
      d="M17.61 7.01013C17.61 4.23013 15.35 1.98013 12.56 2.00013C9.80003 2.02013 7.59003 4.31013 7.59003 7.08013V12.1301C7.59003 13.5101 8.71003 14.6401 10.1 14.6401C11.48 14.6401 12.61 13.5201 12.61 12.1301V10.4701C12.6 9.66013 13.26 9.00013 14.07 9.00013H17.2C17.47 8.39013 17.61 7.72013 17.61 7.01013Z"
      fill="url(#paint14_radial_18_33005)"
    />
    <path
      d="M17.61 7.01013C17.61 4.23013 15.35 1.98013 12.56 2.00013C9.80003 2.02013 7.59003 4.31013 7.59003 7.08013V12.1301C7.59003 13.5101 8.71003 14.6401 10.1 14.6401C11.48 14.6401 12.61 13.5201 12.61 12.1301V10.4701C12.6 9.66013 13.26 9.00013 14.07 9.00013H17.2C17.47 8.39013 17.61 7.72013 17.61 7.01013Z"
      fill="url(#paint15_radial_18_33005)"
    />
    <path
      d="M18.45 12.4301C18.9139 12.4301 19.29 12.054 19.29 11.5901C19.29 11.1262 18.9139 10.7501 18.45 10.7501C17.9861 10.7501 17.61 11.1262 17.61 11.5901C17.61 12.054 17.9861 12.4301 18.45 12.4301Z"
      fill="url(#paint16_radial_18_33005)"
    />
    <g filter="url(#filter2_f_18_33005)">
      <path
        d="M27.4191 12.0918C27.8075 12.3433 28.2803 13.0911 28.2803 13.6009C28.2803 14.1106 28.2972 19.1005 28.2972 22.018"
        stroke="url(#paint17_linear_18_33005)"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18_33005)">
      <path
        d="M26.6215 14.1374C26.6215 14.6471 26.6383 19.1005 26.6383 22.018"
        stroke="#CEF0FF"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_33005"
        x={16.3162}
        y={10.7366}
        width={12.8088}
        height={14.548}
        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_33005"
        />
      </filter>
      <filter
        id="filter1_f_18_33005"
        x={2.625}
        y={8.4375}
        width={20.8438}
        height={22.125}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_33005"
        />
      </filter>
      <filter
        id="filter2_f_18_33005"
        x={26.6691}
        y={11.3418}
        width={2.37807}
        height={11.4262}
        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_33005"
        />
      </filter>
      <filter
        id="filter3_f_18_33005"
        x={25.8715}
        y={13.3874}
        width={1.51676}
        height={9.38062}
        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_33005"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.875 6.3125) rotate(113.416) scale(8.24119)"
      >
        <stop stopColor="#F6F5F7" />
        <stop offset={0.33476} stopColor="#EDEBEF" />
        <stop offset={0.906688} stopColor="#BAB9BB" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.375 7.25) rotate(99.1378) scale(5.95052)"
      >
        <stop offset={0.348299} stopColor="#E8E5EC" />
        <stop offset={0.906688} stopColor="#BAB9BB" />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_33005"
        x1={4.97368}
        y1={19.8388}
        x2={20.8}
        y2={19.8388}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BE986C" />
        <stop offset={0.0845946} stopColor="#CD9658" />
        <stop offset={0.262305} stopColor="#DD9642" />
        <stop offset={0.491354} stopColor="#F8A369" />
        <stop offset={0.582184} stopColor="#FFAE78" />
        <stop offset={0.878368} stopColor="#FFCF86" />
        <stop offset={1} stopColor="#F5BF7F" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_33005"
        x1={11.875}
        y1={22.875}
        x2={20.8}
        y2={22.875}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0991736} stopColor="#F9A27C" stopOpacity={0} />
        <stop offset={0.330579} stopColor="#FBA582" />
        <stop offset={0.581234} stopColor="#FFBE9F" />
        <stop offset={0.875352} stopColor="#FFC990" />
        <stop offset={1} stopColor="#EBAE82" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.625 26.625) rotate(90) scale(14.5 9.78107)"
      >
        <stop offset={0.0769231} stopColor="#BF634C" />
        <stop offset={1} stopColor="#F09771" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_33005"
        x1={13.015}
        y1={26.8125}
        x2={13.015}
        y2={27.8801}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DA6788" stopOpacity={0} />
        <stop offset={1} stopColor="#D567AB" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.125 10.75) rotate(90) scale(9.875 13.875)"
      >
        <stop offset={0.134409} stopColor="#FFF09E" />
        <stop offset={0.411919} stopColor="#FFD57F" />
        <stop offset={0.908108} stopColor="#E9A442" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.5 14) rotate(90) scale(12.0625 4.48502)"
      >
        <stop offset={0.0777202} stopColor="#FFF29A" />
        <stop offset={1} stopColor="#FFE492" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint8_linear_18_33005"
        x1={10.02}
        y1={12.6301}
        x2={10.02}
        y2={25.0101}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.120749} stopColor="#FEB861" />
        <stop offset={0.383269} stopColor="#F6B56F" />
        <stop offset={1} stopColor="#F2C3AA" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_33005"
        x1={16.02}
        y1={12.6301}
        x2={16.02}
        y2={25.0101}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFF19E" />
        <stop offset={0.272203} stopColor="#FFECAA" />
        <stop offset={0.570062} stopColor="#FFEABC" />
        <stop offset={1} stopColor="#FFE8CE" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.7435 20.3769) rotate(120.897) scale(0.924451)"
      >
        <stop offset={0.0766474} stopColor="#FFC579" />
        <stop offset={0.736795} stopColor="#FFA672" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.0835 15.2268) rotate(120.897) scale(0.924451)"
      >
        <stop offset={0.0766474} stopColor="#FFD96C" />
        <stop offset={1} stopColor="#F3A857" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.3125 4.9375) rotate(55.008) scale(9.15492 11.7765)"
      >
        <stop stopColor="#F8F7F9" />
        <stop offset={0.428446} stopColor="#E2DBE9" />
        <stop offset={0.593435} stopColor="#D2C9DB" />
        <stop offset={0.750985} stopColor="#D7D2DC" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.6 12.8125) rotate(90) scale(8 5.60003)"
      >
        <stop offset={0.27907} stopColor="#FFF7FF" />
        <stop offset={1} stopColor="#D1C8DC" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint14_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.75 9.0625) rotate(90) scale(0.593751 5.125)"
      >
        <stop offset={0.157894} stopColor="#D7BEE2" />
        <stop offset={1} stopColor="#D7BEE1" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint15_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.1875 14.6401) rotate(90) scale(2.92236 3.85752)"
      >
        <stop stopColor="#D2BBE5" />
        <stop offset={1} stopColor="#D1BEE5" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint16_radial_18_33005"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.875 11.2813) rotate(120.897) scale(1.33886)"
      >
        <stop offset={0.0766474} stopColor="#FFE57B" />
        <stop offset={0.736795} stopColor="#FFC56D" />
      </radialGradient>
      <linearGradient
        id="paint17_linear_18_33005"
        x1={27.8582}
        y1={12.0918}
        x2={27.8582}
        y2={22.018}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DFFCFF" />
        <stop offset={0.711149} stopColor="#D4F6FF" />
        <stop offset={1} stopColor="#DEFDFF" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BeerMugIcon;