import { createIcon } from '../utils/create-icon';

export const RectangleStackBadgeFunnelTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M22.5397 15H14.9407C14.5401 15 14.3022 15.4477 14.5263 15.7797L17.375 20V24L20 23V20L22.9493 15.7867C23.1813 15.4553 22.9442 15 22.5397 15Z"
      fill="currentColor"
    />
    <path
      d="M13.4994 21H4.48273C3.95981 21 3.69835 21 3.4928 20.9011C3.31181 20.814 3.16125 20.6744 3.06072 20.5005C2.94655 20.303 2.9268 20.0423 2.8873 19.5209L2.29639 11.7209C2.2511 11.1231 2.22845 10.8242 2.33086 10.5938C2.42085 10.3914 2.57551 10.2245 2.77056 10.1195C2.99253 10 3.29229 10 3.89181 10H20.2473C20.855 10 21.1588 10 21.3824 10.1217C21.5788 10.2286 21.7337 10.3982 21.8223 10.6034C21.9233 10.8371 21.8958 11.1397 21.8407 11.7449L21.765 12.5781"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M4.5 6H19.5"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M6.5 2H17.5"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));