Vela UI Docs
venizia.ai

luggage-01

Luggage01, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-luggage-01.

  • 16px
  • 20px
  • 24px
  • 32px

Installation

pnpm dlx velaui add @velaui/icon-luggage-01

Usage

// components/icons/luggage-01.tsx
import Luggage01 from "@/components/icons/luggage-01"

<Luggage01 className="size-5 text-muted" />

In use

  • In a button

  • In a sentence

    Due Friday, or whenever the venue confirms.

  • In an input

  • As a badge

    Scheduled

  • In an empty state

    No events on this day yet.

    Browse blocks

Source

import * as React from "react";

export interface Luggage01Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Luggage01({ size = 24, strokeWidth = 0, className, ref, ...props }: Luggage01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M8.41667 19.3636C8.41667 19.0875 8.19281 18.8636 7.91667 18.8636C7.64052 18.8636 7.41667 19.0875 7.41667 19.3636H7.91667H8.41667ZM7.41667 21C7.41667 21.2761 7.64052 21.5 7.91667 21.5C8.19281 21.5 8.41667 21.2761 8.41667 21H7.91667H7.41667ZM16.1667 21C16.1667 21.2761 16.3905 21.5 16.6667 21.5C16.9428 21.5 17.1667 21.2761 17.1667 21H16.6667H16.1667ZM10.1667 6.27273C10.1667 5.99658 9.94281 5.77273 9.66667 5.77273C9.39052 5.77273 9.16667 5.99659 9.16667 6.27273H9.66667L10.1667 6.27273ZM9.16667 16.0909C9.16667 16.3671 9.39052 16.5909 9.66667 16.5909C9.94281 16.5909 10.1667 16.3671 10.1667 16.0909L9.66667 16.0909H9.16667ZM14.8333 6.27273C14.8333 5.99658 14.6095 5.77273 14.3333 5.77273C14.0572 5.77273 13.8333 5.99658 13.8333 6.27273H14.3333H14.8333ZM13.8333 16.0909C13.8333 16.3671 14.0572 16.5909 14.3333 16.5909C14.6095 16.5909 14.8333 16.3671 14.8333 16.0909H14.3333H13.8333ZM7.91667 19.3636H7.41667V21H7.91667H8.41667V19.3636H7.91667ZM16.6667 19.3636H16.1667V21H16.6667H17.1667V19.3636H16.6667ZM9.66667 6.27273H9.16667L9.16667 16.0909H9.66667L10.1667 16.0909L10.1667 6.27273L9.66667 6.27273ZM14.3333 6.27273H13.8333V16.0909H14.3333H14.8333V6.27273H14.3333ZM7.33333 3V3.5H16.6667V3V2.5H7.33333V3ZM19 5.18182H18.5V17.1818H19H19.5V5.18182H19ZM16.6667 19.3636V18.8636H7.33333V19.3636V19.8636H16.6667V19.3636ZM5 17.1818H5.5V5.18182H5H4.5V17.1818H5ZM7.33333 19.3636V18.8636C6.28866 18.8636 5.5 18.0796 5.5 17.1818H5H4.5C4.5 18.694 5.80068 19.8636 7.33333 19.8636V19.3636ZM19 17.1818H18.5C18.5 18.0796 17.7113 18.8636 16.6667 18.8636V19.3636V19.8636C18.1993 19.8636 19.5 18.694 19.5 17.1818H19ZM16.6667 3V3.5C17.7113 3.5 18.5 4.28407 18.5 5.18182H19H19.5C19.5 3.6696 18.1993 2.5 16.6667 2.5V3ZM7.33333 3V2.5C5.80068 2.5 4.5 3.6696 4.5 5.18182H5H5.5C5.5 4.28407 6.28866 3.5 7.33333 3.5V3Z" fill="currentColor"/>
    </svg>
  );
}
Luggage01.displayName = "Luggage01";

export default Luggage01;