Vela UI Docs
venizia.ai

server-01

Server01, 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-server-01.

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

Installation

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

Usage

// components/icons/server-01.tsx
import Server01 from "@/components/icons/server-01"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Server01({ size = 24, strokeWidth = 1, className, ref, ...props }: Server01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M16.8001 12.0004H7.1999M16.8001 12.0004C19.451 12.0004 21.6001 9.85136 21.6001 7.20039C21.6001 4.54942 19.451 2.40039 16.8001 2.40039H7.1999C4.54888 2.40039 2.39982 4.54952 2.3999 7.20055C2.39999 9.85145 4.549 12.0004 7.1999 12.0004M16.8001 12.0004C19.451 12.0004 21.6001 14.1494 21.6001 16.8004C21.6001 19.4514 19.451 21.6004 16.8001 21.6004H7.1999C4.549 21.6004 2.39999 19.4514 2.3999 16.8005C2.39982 14.1495 4.54887 12.0004 7.1999 12.0004M17.3997 7.20039H11.3997M17.3997 16.8004H11.3997M6.59975 16.8906V16.8004M6.59975 7.20039V7.11016" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Server01.displayName = "Server01";

export default Server01;