const React = require("react");
const CannedFoodIcon = ({ 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="M24.82 27.04H6.52C5.68 27.04 5 27.73 5 28.57C5 29.41 5.68 30.09 6.52 30.09H24.82C25.66 30.09 26.34 29.41 26.34 28.57C26.34 27.73 25.66 27.04 24.82 27.04Z"
      fill="url(#paint0_linear_18_32248)"
    />
    <path
      d="M24.82 27.04H6.52C5.68 27.04 5 27.73 5 28.57C5 29.41 5.68 30.09 6.52 30.09H24.82C25.66 30.09 26.34 29.41 26.34 28.57C26.34 27.73 25.66 27.04 24.82 27.04Z"
      fill="url(#paint1_linear_18_32248)"
    />
    <path
      d="M24.82 27.04H6.52C5.68 27.04 5 27.73 5 28.57C5 29.41 5.68 30.09 6.52 30.09H24.82C25.66 30.09 26.34 29.41 26.34 28.57C26.34 27.73 25.66 27.04 24.82 27.04Z"
      fill="url(#paint2_radial_18_32248)"
    />
    <path
      d="M24.82 27.04H6.52C5.68 27.04 5 27.73 5 28.57C5 29.41 5.68 30.09 6.52 30.09H24.82C25.66 30.09 26.34 29.41 26.34 28.57C26.34 27.73 25.66 27.04 24.82 27.04Z"
      fill="url(#paint3_radial_18_32248)"
    />
    <path
      d="M24.74 5.09998H6.75V10.78H24.74V5.09998Z"
      fill="url(#paint4_linear_18_32248)"
    />
    <path
      d="M24.74 20.0601H6.75V27.0401H24.74V20.0601Z"
      fill="url(#paint5_linear_18_32248)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M21.5964 21.0601C20.1358 22.6288 18.0525 23.61 15.74 23.61C13.4275 23.61 11.3442 22.6288 9.88362 21.0601H6.75V10.0701H9.96855C11.4244 8.55379 13.472 7.60999 15.74 7.60999C18.008 7.60999 20.0556 8.55379 21.5114 10.0701H24.74V21.0601H21.5964Z"
      fill="url(#paint6_linear_18_32248)"
    />
    <path
      d="M17.31 12.72H14.17C11.99 12.72 10.22 14.49 10.22 16.67C10.22 18.85 11.99 20.62 14.17 20.62H17.31C19.49 20.62 21.26 18.85 21.26 16.67C21.26 14.49 19.5 12.72 17.31 12.72Z"
      fill="url(#paint7_linear_18_32248)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M19.79 10.62H17.51C16.7894 10.62 16.1498 10.9577 15.7424 11.482C15.3338 10.9634 14.7003 10.63 13.99 10.63H11.7C11.7 11.86 12.7 12.86 13.94 12.86H16.22C16.22 12.8567 16.22 12.8533 16.22 12.85H17.56C18.79 12.85 19.79 11.85 19.79 10.62Z"
      fill="url(#paint8_linear_18_32248)"
    />
    <path
      d="M24.82 2H6.52C5.68 2 5 2.69342 5 3.54999C5 4.40656 5.68 5.09998 6.52 5.09998H24.82C25.66 5.09998 26.34 4.40656 26.34 3.54999C26.34 2.69342 25.66 2 24.82 2Z"
      fill="url(#paint9_linear_18_32248)"
    />
    <path
      d="M24.82 2H6.52C5.68 2 5 2.69342 5 3.54999C5 4.40656 5.68 5.09998 6.52 5.09998H24.82C25.66 5.09998 26.34 4.40656 26.34 3.54999C26.34 2.69342 25.66 2 24.82 2Z"
      fill="url(#paint10_linear_18_32248)"
    />
    <path
      d="M24.82 2H6.52C5.68 2 5 2.69342 5 3.54999C5 4.40656 5.68 5.09998 6.52 5.09998H24.82C25.66 5.09998 26.34 4.40656 26.34 3.54999C26.34 2.69342 25.66 2 24.82 2Z"
      fill="url(#paint11_radial_18_32248)"
    />
    <path
      d="M24.82 2H6.52C5.68 2 5 2.69342 5 3.54999C5 4.40656 5.68 5.09998 6.52 5.09998H24.82C25.66 5.09998 26.34 4.40656 26.34 3.54999C26.34 2.69342 25.66 2 24.82 2Z"
      fill="url(#paint12_radial_18_32248)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_18_32248"
        x1={5}
        y1={30.09}
        x2={26.34}
        y2={30.09}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9C9BA0" />
        <stop offset={1} stopColor="#CACACD" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_32248"
        x1={15.67}
        y1={27.04}
        x2={15.67}
        y2={30.09}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.201614} stopColor="#C595F4" stopOpacity={0} />
        <stop offset={1} stopColor="#C495F3" />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_32248"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.6875 27.655) rotate(88.5297) scale(2.43588 12.0055)"
      >
        <stop stopColor="#DFDCE8" />
        <stop offset={1} stopColor="#D4D1DD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_32248"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.1875 28.1469) rotate(90) scale(1.04537 8.5)"
      >
        <stop stopColor="#EEEAF7" />
        <stop offset={1} stopColor="#EEEBF7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_32248"
        x1={6.75}
        y1={10.78}
        x2={24.74}
        y2={10.78}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A84348" />
        <stop offset={0.430795} stopColor="#D83165" />
        <stop offset={0.715675} stopColor="#F25488" />
        <stop offset={1} stopColor="#EE5295" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_32248"
        x1={6.75}
        y1={27.0401}
        x2={24.74}
        y2={27.0401}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A84348" />
        <stop offset={0.396053} stopColor="#D83165" />
        <stop offset={0.743469} stopColor="#FF558E" />
        <stop offset={1} stopColor="#EE5295" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_32248"
        x1={6.75}
        y1={16.875}
        x2={24.74}
        y2={16.875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9B96A5" />
        <stop offset={0.458588} stopColor="#C8BBDC" />
        <stop offset={0.73652} stopColor="#E8E0F7" />
        <stop offset={0.96234} stopColor="#E1DBED" />
        <stop offset={1} stopColor="#D7D4DF" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_32248"
        x1={10.22}
        y1={16.67}
        x2={21.26}
        y2={16.67}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BC2E36" />
        <stop offset={1} stopColor="#FF51A6" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_32248"
        x1={15.745}
        y1={10.62}
        x2={15.745}
        y2={12.86}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2FB671" />
        <stop offset={1} stopColor="#56D69B" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_32248"
        x1={5}
        y1={5.09998}
        x2={26.34}
        y2={5.09998}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9C9BA0" />
        <stop offset={1} stopColor="#CACACD" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_32248"
        x1={15.67}
        y1={2}
        x2={15.67}
        y2={5.09998}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.201614} stopColor="#BCA2D8" stopOpacity={0} />
        <stop offset={1} stopColor="#B196CC" />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_32248"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.6875 2.625) rotate(88.5534) scale(2.47576 12.0056)"
      >
        <stop stopColor="#DFDCE8" />
        <stop offset={1} stopColor="#D4D1DD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_32248"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.1875 3.125) rotate(90) scale(1.0625 8.5)"
      >
        <stop stopColor="#EEEAF7" />
        <stop offset={1} stopColor="#EEEBF7" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = CannedFoodIcon;