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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BeverageBoxIcon = ({ 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="M7 26V7H7.26491L17.9432 10.8584L18 11L18.1273 11.1847V29.7965L18 30L7 26Z"
      fill="url(#paint0_linear_18_32798)"
    />
    <path d="M25 28V9H24.4456L18.0309 10.8033L18 11V30L25 28Z" fill="#82F091" />
    <path
      d="M25 28V9H24.4456L18.0309 10.8033L18 11V30L25 28Z"
      fill="url(#paint1_linear_18_32798)"
    />
    <path
      d="M25 28V9H24.4456L18.0309 10.8033L18 11V30L25 28Z"
      fill="url(#paint2_linear_18_32798)"
    />
    <path d="M14 5L7 7L18 11L25 9L14 5Z" fill="#D1E75D" />
    <path d="M14 5L7 7L18 11L25 9L14 5Z" fill="url(#paint3_radial_18_32798)" />
    <path
      d="M11.7507 14.2695C12.299 14.4892 12.7943 15.148 13.0507 15.9866L13.2188 16.5356C12.9711 16.5256 12.8296 16.4657 12.7943 16.4558C12.75 16.4358 12.5024 16.326 12.1045 15.9666C11.9541 15.8268 11.7507 15.6871 11.5208 15.5972C11.2732 15.4974 10.9902 15.4475 10.7072 15.5074C10.5303 15.178 10.3888 14.7986 10.3269 14.3893L10.2031 13.6406L11.7507 14.2695Z"
      fill="#72C188"
    />
    <path
      d="M13.9818 16.1733C14.5397 16.3694 15.2521 16.9323 15.7757 18.2029C16.5654 20.1302 16.0246 22.7995 15.0805 23.5755C14.677 23.9081 14.2994 23.9081 13.9389 23.7802C13.4668 23.6096 13.0376 23.2173 12.6257 23.0724C12.2222 22.9274 11.7759 23.0041 11.3124 22.8336C10.9519 22.7057 10.5828 22.4328 10.188 21.8188C9.27819 20.369 8.83186 17.3501 9.6816 16.0112C9.99918 15.5081 10.3683 15.2778 10.7288 15.2096C11.0034 15.1584 11.2781 15.2011 11.5184 15.2864C11.7416 15.3631 11.939 15.4825 12.0849 15.6019C12.4712 15.9089 12.7115 16.0027 12.7458 16.0198C12.7802 16.0368 12.9261 16.0795 13.1664 16.088C13.2436 16.088 13.3295 16.088 13.4239 16.0795C13.5612 16.0709 13.7586 16.0965 13.9818 16.1733Z"
      fill="url(#paint4_linear_18_32798)"
    />
    <path
      d="M21.3906 12.6719L18 11L25 9L22.8906 12.1719C22.5468 12.712 22.1523 12.975 21.3906 12.6719Z"
      fill="#7FDA97"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M13.4609 2.28125C13.7217 2.09329 14.156 2.07024 14.4609 2.17189L17.2656 3.15623L16.7109 4.99998L14.8906 4.32811C14.8906 4.32811 14.8906 6.28514 14.8906 6.45311C14.8906 6.62108 14.406 6.79688 13.906 6.79688C13.406 6.79688 12.9844 6.5742 12.9844 6.45311C12.9844 6.33202 12.9844 3.31248 12.9844 3.31248C12.9844 2.79686 13.1412 2.51168 13.4609 2.28125Z"
      fill="url(#paint5_linear_18_32798)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M14.4609 2.1719L17.2656 3.15625L16.7109 5L14.5625 4.20312C14.0148 4.00069 13.1719 3.75 13.1719 2.88281C13.1719 2.13278 13.9844 2.02344 14.4609 2.1719Z"
      fill="url(#paint6_linear_18_32798)"
    />
    <ellipse
      cx={16.9851}
      cy={4.0784}
      rx={0.557317}
      ry={0.963661}
      transform="rotate(17.2726 16.9851 4.0784)"
      fill="#930425"
    />
    <defs>
      <linearGradient
        id="paint0_linear_18_32798"
        x1={19.1875}
        y1={9.3125}
        x2={12.5637}
        y2={28.75}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.380131} stopColor="#B0BE49" />
        <stop offset={1} stopColor="#74BB77" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_32798"
        x1={18}
        y1={18.0625}
        x2={19.4375}
        y2={18.0625}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0652173} stopColor="#57D590" />
        <stop offset={0.565217} stopColor="#7BE393" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_32798"
        x1={21.5}
        y1={21}
        x2={21.5}
        y2={30}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7EE288" stopOpacity={0} />
        <stop offset={1} stopColor="#7DDF88" />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_32798"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.1562 6.03125) rotate(98.3256) scale(1.2949 4.22471)"
      >
        <stop stopColor="#9FA753" />
        <stop offset={1} stopColor="#A2AB54" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_32798"
        x1={9.2285}
        y1={19.5234}
        x2={16.1562}
        y2={19.5305}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.146825} stopColor="#B3203B" />
        <stop offset={0.666834} stopColor="#EC0A89" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_32798"
        x1={12.9844}
        y1={5.43748}
        x2={14.9062}
        y2={5.43748}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0894309} stopColor="#BC373E" />
        <stop offset={1} stopColor="#E43648" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_32798"
        x1={15.8359}
        y1={2.50781}
        x2={15.1484}
        y2={4.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DC4B5B" />
        <stop offset={0.117687} stopColor="#DB2C4F" />
        <stop offset={0.26536} stopColor="#C12046" />
        <stop offset={0.69799} stopColor="#BD2B43" />
        <stop offset={1} stopColor="#C72048" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BeverageBoxIcon;