const React = require("react");
const JarIcon = ({ 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="M22.0328 5.07183L15.9843 3.93372L9.93587 5.07183V6.06899L15.9843 7.45909L22.0328 6.06899V5.07183Z"
      fill="url(#paint0_linear_4791_569)"
    />
    <path
      d="M22.0328 5.07183L15.9843 3.93372L9.93587 5.07183V6.06899L15.9843 7.45909L22.0328 6.06899V5.07183Z"
      fill="url(#paint1_radial_4791_569)"
    />
    <path
      d="M7.77925 6.06824C6.15775 6.06824 4.84326 7.29063 4.84326 8.79854L4.84326 27.2697C4.84326 28.7776 6.15775 30 7.77925 30H24.2208C25.8423 30 27.1567 28.7776 27.1567 27.2697V8.79854C27.1567 7.29063 25.8423 6.06824 24.2208 6.06824H7.77925Z"
      fill="url(#paint2_linear_4791_569)"
    />
    <path
      d="M7.77925 6.06824C6.15775 6.06824 4.84326 7.29063 4.84326 8.79854L4.84326 27.2697C4.84326 28.7776 6.15775 30 7.77925 30H24.2208C25.8423 30 27.1567 28.7776 27.1567 27.2697V8.79854C27.1567 7.29063 25.8423 6.06824 24.2208 6.06824H7.77925Z"
      fill="url(#paint3_radial_4791_569)"
    />
    <path
      d="M7.77925 6.06824C6.15775 6.06824 4.84326 7.29063 4.84326 8.79854L4.84326 27.2697C4.84326 28.7776 6.15775 30 7.77925 30H24.2208C25.8423 30 27.1567 28.7776 27.1567 27.2697V8.79854C27.1567 7.29063 25.8423 6.06824 24.2208 6.06824H7.77925Z"
      fill="url(#paint4_radial_4791_569)"
    />
    <path
      d="M7.94585 3.53555C7.94585 2.68742 8.63339 1.99988 9.48152 1.99988H22.4715C23.3196 1.99988 24.0072 2.68742 24.0072 3.53555V3.53555C24.0072 4.38368 23.3196 5.07122 22.4715 5.07122H9.48152C8.63339 5.07122 7.94585 4.38368 7.94585 3.53555V3.53555Z"
      fill="url(#paint5_linear_4791_569)"
    />
    <path
      d="M7.94585 3.53555C7.94585 2.68742 8.63339 1.99988 9.48152 1.99988H22.4715C23.3196 1.99988 24.0072 2.68742 24.0072 3.53555V3.53555C24.0072 4.38368 23.3196 5.07122 22.4715 5.07122H9.48152C8.63339 5.07122 7.94585 4.38368 7.94585 3.53555V3.53555Z"
      fill="url(#paint6_radial_4791_569)"
    />
    <rect
      x={22.9801}
      y={7.97009}
      width={2.06126}
      height={20.7465}
      rx={1.03063}
      fill="url(#paint7_linear_4791_569)"
    />
    <path
      d="M9.76452 13.4073C9.1928 13.4073 8.72932 13.8624 8.72932 14.4236V19.5051C8.72932 20.0663 9.1928 20.5213 9.76452 20.5213H22.2042C22.7759 20.5213 23.2394 20.0663 23.2394 19.5051V14.4236C23.2394 13.8624 22.7759 13.4073 22.2042 13.4073H9.76452Z"
      fill="url(#paint8_linear_4791_569)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_4791_569"
        x1={10.2963}
        y1={6.2306}
        x2={22.0328}
        y2={6.2306}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9E9EA2" />
        <stop offset={0.261682} stopColor="#7D808A" />
        <stop offset={1} stopColor="#9F9FA3" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_4791_569"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.3248 4.60096) rotate(90) scale(1.50428 20.6212)"
      >
        <stop offset={0.310345} stopColor="#60626D" />
        <stop offset={0.625} stopColor="#5D6472" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_4791_569"
        x1={4.84326}
        y1={18.0341}
        x2={27.1567}
        y2={18.0341}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BCDDFB" />
        <stop offset={0.227528} stopColor="#BEEFFF" />
        <stop offset={0.890449} stopColor="#C5F8FF" />
        <stop offset={1} stopColor="#B2D7F7" />
      </linearGradient>
      <radialGradient
        id="paint3_radial_4791_569"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.7009 7.54693) rotate(90) scale(1.31625 7.64676)"
      >
        <stop stopColor="#D0FFFF" />
        <stop offset={1} stopColor="#D1FFFF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_4791_569"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.9259 28.6695) rotate(-90) scale(1.50428 9.83154)"
      >
        <stop stopColor="#CDFFFF" />
        <stop offset={1} stopColor="#CCFFFF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_4791_569"
        x1={15.9765}
        y1={1.99988}
        x2={15.9765}
        y2={5.07122}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C3C4C8" />
        <stop offset={0.275501} stopColor="#C7CDD6" />
        <stop offset={0.68365} stopColor="#AAB6C8" />
        <stop offset={1} stopColor="#81849A" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_4791_569"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.3277 3.03407) rotate(90) scale(1.50428 11.7835)"
      >
        <stop stopColor="#E0E4EB" />
        <stop offset={1} stopColor="#E3E6ED" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_4791_569"
        x1={24.0107}
        y1={7.97009}
        x2={24.0107}
        y2={28.7166}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.635196} stopColor="white" />
        <stop offset={1} stopColor="white" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_4791_569"
        x1={8.72932}
        y1={16.9643}
        x2={23.2394}
        y2={16.9643}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A9A5B3" />
        <stop offset={0.557235} stopColor="#B2AEBC" />
        <stop offset={1} stopColor="#C9C7D2" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = JarIcon;