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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const TakeoutBoxIcon = ({ 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="M3.01562 19.25L8.51562 15.25"
      stroke="url(#paint0_linear_18_27694)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M3.01562 19.25L8.51562 15.25"
      stroke="url(#paint1_linear_18_27694)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M3.01562 19.25L8.51562 15.25"
      stroke="url(#paint2_radial_18_27694)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M28.9818 19.25L23.4818 15.25"
      stroke="url(#paint3_linear_18_27694)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M28.9818 19.25L23.4818 15.25"
      stroke="url(#paint4_radial_18_27694)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M25.5 15.5C25.5 15.5 23.5625 25.0312 16 25.0312C7.96875 25.0312 6.5 15.5 6.5 15.5C6.5 10.2533 10.7533 6 16 6C21.2467 6 25.5 10.2533 25.5 15.5Z"
      fill="url(#paint5_radial_18_27694)"
    />
    <path
      d="M25.5 15.5C25.5 15.5 23.5625 25.0312 16 25.0312C7.96875 25.0312 6.5 15.5 6.5 15.5C6.5 10.2533 10.7533 6 16 6C21.2467 6 25.5 10.2533 25.5 15.5Z"
      fill="url(#paint6_radial_18_27694)"
    />
    <path
      d="M25.5 15.5C25.5 15.5 23.5625 25.0312 16 25.0312C7.96875 25.0312 6.5 15.5 6.5 15.5C6.5 10.2533 10.7533 6 16 6C21.2467 6 25.5 10.2533 25.5 15.5Z"
      fill="url(#paint7_linear_18_27694)"
    />
    <path
      d="M25.1479 15.5H6.85431C6.66887 15.5 6.52681 15.6604 6.55735 15.8433C6.86596 17.6918 8.32356 26.4318 8.54688 27.9531C8.79688 29.6562 9.875 30 10.8281 30H20.9688C22.1406 30 23.2031 29.3438 23.4062 28.2969C23.5887 27.3567 25.1322 17.7838 25.4449 15.8424C25.4742 15.66 25.3326 15.5 25.1479 15.5Z"
      fill="url(#paint8_linear_18_27694)"
    />
    <path
      d="M25.1479 15.5H6.85431C6.66887 15.5 6.52681 15.6604 6.55735 15.8433C6.86596 17.6918 8.32356 26.4318 8.54688 27.9531C8.79688 29.6562 9.875 30 10.8281 30H20.9688C22.1406 30 23.2031 29.3438 23.4062 28.2969C23.5887 27.3567 25.1322 17.7838 25.4449 15.8424C25.4742 15.66 25.3326 15.5 25.1479 15.5Z"
      fill="url(#paint9_linear_18_27694)"
    />
    <path
      d="M25.1479 15.5H6.85431C6.66887 15.5 6.52681 15.6604 6.55735 15.8433C6.86596 17.6918 8.32356 26.4318 8.54688 27.9531C8.79688 29.6562 9.875 30 10.8281 30H20.9688C22.1406 30 23.2031 29.3438 23.4062 28.2969C23.5887 27.3567 25.1322 17.7838 25.4449 15.8424C25.4742 15.66 25.3326 15.5 25.1479 15.5Z"
      fill="url(#paint10_linear_18_27694)"
    />
    <path
      d="M25.1479 15.5H6.85431C6.66887 15.5 6.52681 15.6604 6.55735 15.8433C6.86596 17.6918 8.32356 26.4318 8.54688 27.9531C8.79688 29.6562 9.875 30 10.8281 30H20.9688C22.1406 30 23.2031 29.3438 23.4062 28.2969C23.5887 27.3567 25.1322 17.7838 25.4449 15.8424C25.4742 15.66 25.3326 15.5 25.1479 15.5Z"
      fill="url(#paint11_linear_18_27694)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.25 17.2875C16.25 17.1494 16.1381 17.0375 16 17.0375C15.8619 17.0375 15.75 17.1494 15.75 17.2875V18.0563H14.0602C13.9792 18.0563 13.9354 18.1665 13.9354 18.1665L13.5063 19.4016C13.4791 19.4696 13.5063 19.5938 13.6621 19.5938H14.25V20.6188H12.8887C12.7588 20.6188 12.6886 20.7657 12.6886 20.7657L12 22.4125C11.9564 22.5033 12 22.6688 12.25 22.6688H13.25V24.9875H12.5C12.2239 24.9875 12 25.2114 12 25.4875C12 25.7636 12.2239 25.9875 12.5 25.9875H19.5C19.7761 25.9875 20 25.7636 20 25.4875C20 25.2114 19.7761 24.9875 19.5 24.9875H18.75V22.6688H19.75C20 22.6688 20.036 22.508 20 22.4125L19.3114 20.7657C19.3114 20.7657 19.2568 20.6188 19.1177 20.6188H17.75V19.5938H18.3368C18.4926 19.5938 18.5151 19.4732 18.4926 19.4016L18.0634 18.1665C18.0634 18.1665 18.0294 18.0563 17.9427 18.0563H16.25V17.2875ZM18.25 24.9875V22.6688H13.75V24.9875H18.25ZM14.75 20.6188V19.5938H17.25V20.6188H14.75Z"
      fill="url(#paint12_linear_18_27694)"
    />
    <g filter="url(#filter0_f_18_27694)">
      <path
        d="M25.1562 15.9062H6.90625"
        stroke="url(#paint13_linear_18_27694)"
        strokeWidth={0.25}
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_27694"
        x={6.65625}
        y={15.5312}
        width={18.75}
        height={0.75}
        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_27694"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_27694"
        x1={4.23438}
        y1={17.125}
        x2={5.5}
        y2={18.8125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B7B7B7" />
        <stop offset={0.0911847} stopColor="#BFBFBF" />
        <stop offset={0.362963} stopColor="#CECCD0" />
        <stop offset={0.574815} stopColor="#CECCD0" />
        <stop offset={0.787566} stopColor="#B7B2BC" />
        <stop offset={1} stopColor="#A599B0" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_27694"
        x1={7}
        y1={16.5313}
        x2={6.03125}
        y2={16.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#96929A" />
        <stop offset={1} stopColor="#9B999D" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_27694"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.875 17.0938) rotate(58.6632) scale(4.11605 5.65957)"
      >
        <stop offset={0.631422} stopColor="#A298AD" stopOpacity={0} />
        <stop offset={1} stopColor="#ADA7B3" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_27694"
        x1={27.7787}
        y1={17.1562}
        x2={26.5131}
        y2={18.9062}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D4D4D4" />
        <stop offset={0.0896368} stopColor="#EDEDED" />
        <stop offset={0.294321} stopColor="#EDEDED" />
        <stop offset={0.500284} stopColor="#DAD9DC" />
        <stop offset={1} stopColor="#A59BAF" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_27694"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.2318 17.25) rotate(122.674) scale(3.78674 6.94571)"
      >
        <stop offset={0.482026} stopColor="#B2AABA" stopOpacity={0} />
        <stop offset={1} stopColor="#B3AABB" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_27694"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.625 10.4375) rotate(155.833) scale(16.0299 17.5409)"
      >
        <stop stopColor="#F1F1F1" />
        <stop offset={0.529089} stopColor="#D6D6D6" />
        <stop offset={1} stopColor="#A6A6A6" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_27694"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 15.0625) rotate(91.9653) scale(12.7575 13.0095)"
      >
        <stop offset={0.689727} stopColor="#B8B8B8" stopOpacity={0} />
        <stop offset={0.751572} stopColor="#B5B5B5" />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_27694"
        x1={16}
        y1={6}
        x2={16}
        y2={25.0312}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.466338} stopColor="#B5B5B5" stopOpacity={0} />
        <stop offset={0.577997} stopColor="#B5B5B5" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_27694"
        x1={9.9375}
        y1={28.1875}
        x2={24.125}
        y2={16.5625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C0B9C8" />
        <stop offset={0.48411} stopColor="#D7D2DC" />
        <stop offset={1} stopColor="#E5E3E7" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_27694"
        x1={7}
        y1={22.4062}
        x2={9.0625}
        y2={22}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.366902} stopColor="#B1ACB6" />
        <stop offset={1} stopColor="#B2ADB7" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_27694"
        x1={16}
        y1={15.5}
        x2={16}
        y2={30}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.905172} stopColor="#C5B5D7" stopOpacity={0} />
        <stop offset={1} stopColor="#A583C4" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_27694"
        x1={25.0938}
        y1={21.7187}
        x2={23.9375}
        y2={21.5313}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.547687} stopColor="#CAC6CF" />
        <stop offset={0.891459} stopColor="#D5D1DB" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_27694"
        x1={13.1875}
        y1={20.1061}
        x2={19.6025}
        y2={24.8253}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E53469" />
        <stop offset={1} stopColor="#F44564" />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_27694"
        x1={7.28125}
        y1={16.1875}
        x2={7.46403}
        y2={17.9395}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D6D6D6" />
        <stop offset={1} stopColor="#F1F1F2" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = TakeoutBoxIcon;