Vela UI Docs
venizia.ai

laptop-02

Laptop02, 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-laptop-02.

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

Installation

pnpm dlx velaui add @velaui/icon-laptop-02

Usage

// components/icons/laptop-02.tsx
import Laptop02 from "@/components/icons/laptop-02"

<Laptop02 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 Laptop02Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Laptop02({ size = 24, strokeWidth = 0, className, ref, ...props }: Laptop02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M19.9 15.6C19.9 15.8761 20.1238 16.1 20.4 16.1C20.6761 16.1 20.9 15.8761 20.9 15.6H20.4H19.9ZM3.09999 15.6C3.09999 15.8761 3.32385 16.1 3.59999 16.1C3.87614 16.1 4.09999 15.8761 4.09999 15.6H3.59999H3.09999ZM5.69999 4.19995V4.69995H18.3V4.19995V3.69995H5.69999V4.19995ZM20.4 6.23072H19.9V15.6H20.4H20.9V6.23072H20.4ZM3.59999 15.6H4.09999V6.23072H3.59999H3.09999V15.6H3.59999ZM18.3 4.19995V4.69995C19.1996 4.69995 19.9 5.40097 19.9 6.23072H20.4H20.9C20.9 4.81735 19.72 3.69995 18.3 3.69995V4.19995ZM5.69999 4.19995V3.69995C4.27998 3.69995 3.09999 4.81735 3.09999 6.23072H3.59999H4.09999C4.09999 5.40097 4.80041 4.69995 5.69999 4.69995V4.19995ZM3.59999 16.2V16.7H20.4V16.2V15.7H3.59999V16.2ZM21.6 17.4H21.1V18.6H21.6H22.1V17.4H21.6ZM20.4 19.8V19.3H3.59999V19.8V20.2999H20.4V19.8ZM2.39999 18.6H2.89999V17.4H2.39999H1.89999V18.6H2.39999ZM3.59999 19.8V19.3C3.21339 19.3 2.89999 18.9865 2.89999 18.6H2.39999H1.89999C1.89999 19.5388 2.66111 20.2999 3.59999 20.2999V19.8ZM21.6 18.6H21.1C21.1 18.9865 20.7866 19.3 20.4 19.3V19.8V20.2999C21.3389 20.2999 22.1 19.5388 22.1 18.6H21.6ZM20.4 16.2V16.7C20.7866 16.7 21.1 17.0134 21.1 17.4H21.6H22.1C22.1 16.4611 21.3389 15.7 20.4 15.7V16.2ZM3.59999 16.2V15.7C2.66111 15.7 1.89999 16.4611 1.89999 17.4H2.39999H2.89999C2.89999 17.0134 3.21339 16.7 3.59999 16.7V16.2Z" fill="currentColor"/>
    </svg>
  );
}
Laptop02.displayName = "Laptop02";

export default Laptop02;