const React = require("react");
const LitterInBinSignIcon = ({ 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}
    <g filter="url(#filter0_ii_18590_364)">
      <rect
        x={2.06604}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_364)"
      />
      <rect
        x={2.06604}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_364)"
      />
    </g>
    <g filter="url(#filter1_f_18590_364)">
      <path
        d="M28.2535 4.4375V27.3125"
        stroke="url(#paint2_linear_18590_364)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_364)">
      <path
        d="M5.52991 3.75H27.3112"
        stroke="url(#paint3_linear_18590_364)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_364)">
      <path
        d="M19.8508 9.4375C21.2316 9.4375 22.3508 8.31821 22.3508 6.9375C22.3508 5.55679 21.2316 4.4375 19.8508 4.4375C18.4701 4.4375 17.3508 5.55679 17.3508 6.9375C17.3508 8.31821 18.4701 9.4375 19.8508 9.4375Z"
        fill="#579FFF"
      />
      <path
        d="M23.1821 10.682H17.2183C16.3052 10.682 15.489 11.2501 15.1715 12.1058L14.2163 14.6793C14.2017 14.7185 14.1643 14.7445 14.1225 14.7445H12.4202C11.8815 14.7445 11.4183 15.1583 11.3933 15.6964C11.3665 16.2708 11.824 16.7445 12.3921 16.7445H14.339C15.084 16.7445 15.7577 16.2751 16.0165 15.5764L17.0108 12.8883C17.0402 12.8095 17.1102 12.7495 17.194 12.7445C17.3133 12.737 17.4127 12.8314 17.4127 12.9495V25.7158C17.4127 26.2545 17.8265 26.7176 18.3646 26.7426C18.939 26.7695 19.4127 26.312 19.4127 25.7439V18.7816C19.4127 18.5153 19.614 18.2829 19.8796 18.2654C20.1616 18.2654 20.4127 18.4772 20.4127 18.7641V25.7158C20.4127 26.2545 20.8265 26.7176 21.3646 26.7426C21.939 26.7695 22.4127 26.312 22.4127 25.7439L22.4315 13.2426C22.4315 12.9676 22.6546 12.7439 22.9302 12.7439C23.2059 12.7439 23.429 12.967 23.429 13.2426L23.4102 18.0939C23.4102 18.662 23.884 19.1195 24.4584 19.0926C24.9965 19.0676 25.4102 18.6039 25.4102 18.0658V12.9095C25.4096 11.6795 24.4121 10.682 23.1821 10.682Z"
        fill="#579FFF"
      />
      <path
        d="M10.5083 17.4231L9.54264 18.3888C9.43452 18.4969 9.43452 18.6731 9.54264 18.7813L10.9614 20.2C11.0695 20.3081 11.2458 20.3081 11.3539 20.2L12.3195 19.2344C12.4276 19.1263 12.4276 18.95 12.3195 18.8419L10.9008 17.4231C10.7926 17.315 10.617 17.315 10.5083 17.4231Z"
        fill="#579FFF"
      />
      <path
        d="M13.4308 18.9375V25.3375C13.4308 25.3927 13.386 25.4375 13.3308 25.4375H8.53079C8.47556 25.4375 8.43079 25.3927 8.43079 25.3375V18.9375C8.43079 18.6613 8.20704 18.4375 7.93079 18.4375C7.65454 18.4375 7.43079 18.6613 7.43079 18.9375V25.6875C7.43079 26.1019 7.76641 26.4375 8.18079 26.4375H13.6808C14.0952 26.4375 14.4308 26.1019 14.4308 25.6875V18.9375C14.4308 18.6613 14.207 18.4375 13.9308 18.4375C13.6545 18.4375 13.4308 18.6613 13.4308 18.9375Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_364)">
      <path
        d="M19.8508 9.4375C21.2316 9.4375 22.3508 8.31821 22.3508 6.9375C22.3508 5.55679 21.2316 4.4375 19.8508 4.4375C18.4701 4.4375 17.3508 5.55679 17.3508 6.9375C17.3508 8.31821 18.4701 9.4375 19.8508 9.4375Z"
        fill="#FCF2FF"
      />
      <path
        d="M23.1821 10.682H17.2183C16.3052 10.682 15.489 11.2501 15.1715 12.1058L14.2163 14.6793C14.2017 14.7185 14.1643 14.7445 14.1225 14.7445H12.4202C11.8815 14.7445 11.4183 15.1583 11.3933 15.6964C11.3665 16.2708 11.824 16.7445 12.3921 16.7445H14.339C15.084 16.7445 15.7577 16.2751 16.0165 15.5764L17.0108 12.8883C17.0402 12.8095 17.1102 12.7495 17.194 12.7445C17.3133 12.737 17.4127 12.8314 17.4127 12.9495V25.7158C17.4127 26.2545 17.8265 26.7176 18.3646 26.7426C18.939 26.7695 19.4127 26.312 19.4127 25.7439V18.7816C19.4127 18.5153 19.614 18.2829 19.8796 18.2654C20.1616 18.2654 20.4127 18.4772 20.4127 18.7641V25.7158C20.4127 26.2545 20.8265 26.7176 21.3646 26.7426C21.939 26.7695 22.4127 26.312 22.4127 25.7439L22.4315 13.2426C22.4315 12.9676 22.6546 12.7439 22.9302 12.7439C23.2059 12.7439 23.429 12.967 23.429 13.2426L23.4102 18.0939C23.4102 18.662 23.884 19.1195 24.4584 19.0926C24.9965 19.0676 25.4102 18.6039 25.4102 18.0658V12.9095C25.4096 11.6795 24.4121 10.682 23.1821 10.682Z"
        fill="#FCF2FF"
      />
      <path
        d="M10.5083 17.4231L9.54264 18.3888C9.43452 18.4969 9.43452 18.6731 9.54264 18.7813L10.9614 20.2C11.0695 20.3081 11.2458 20.3081 11.3539 20.2L12.3195 19.2344C12.4276 19.1263 12.4276 18.95 12.3195 18.8419L10.9008 17.4231C10.7926 17.315 10.617 17.315 10.5083 17.4231Z"
        fill="#FCF2FF"
      />
      <path
        d="M13.4308 18.9375V25.3375C13.4308 25.3927 13.386 25.4375 13.3308 25.4375H8.53079C8.47556 25.4375 8.43079 25.3927 8.43079 25.3375V18.9375C8.43079 18.6613 8.20704 18.4375 7.93079 18.4375C7.65454 18.4375 7.43079 18.6613 7.43079 18.9375V25.6875C7.43079 26.1019 7.76641 26.4375 8.18079 26.4375H13.6808C14.0952 26.4375 14.4308 26.1019 14.4308 25.6875V18.9375C14.4308 18.6613 14.207 18.4375 13.9308 18.4375C13.6545 18.4375 13.4308 18.6613 13.4308 18.9375Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_364"
        x={2.06604}
        y={0.9375}
        width={28.875}
        height={28.875}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={1} dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_364"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_364"
          result="effect2_innerShadow_18590_364"
        />
      </filter>
      <filter
        id="filter1_f_18590_364"
        x={25.5035}
        y={1.6875}
        width={5.5}
        height={28.375}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_364"
        />
      </filter>
      <filter
        id="filter2_f_18590_364"
        x={2.77991}
        y={1}
        width={27.2812}
        height={5.5}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_364"
        />
      </filter>
      <filter
        id="filter3_f_18590_364"
        x={6.43079}
        y={3.4375}
        width={19.9795}
        height={24.3063}
        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_18590_364"
        />
      </filter>
      <filter
        id="filter4_ii_18590_364"
        x={7.03079}
        y={4.0375}
        width={18.7795}
        height={23.1063}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.4} dy={0.4} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_364"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_364"
          result="effect2_innerShadow_18590_364"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_364"
        x1={16.0035}
        y1={5.51201}
        x2={16.0035}
        y2={38.7647}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_364"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.7223 4.03125) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#7BD7FF" />
        <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_364"
        x1={28.7535}
        y1={4.4375}
        x2={28.7535}
        y2={27.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_364"
        x1={28.4674}
        y1={4.00002}
        x2={2.93616}
        y2={4.00002}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = LitterInBinSignIcon;