Vela UI Docsvenizia.ai

server-06

Server06, 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-06.

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

Installation

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

Usage

// components/icons/server-06.tsx
import Server06 from "@/components/icons/server-06"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Server06({ size = 24, strokeWidth = 0, className, ref, ...props }: Server06Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M2.40002 18.7004C2.12388 18.7004 1.90002 18.9242 1.90002 19.2004C1.90002 19.4765 2.12388 19.7004 2.40002 19.7004V19.2004V18.7004ZM21.6 19.7004C21.8762 19.7004 22.1 19.4765 22.1 19.2004C22.1 18.9242 21.8762 18.7004 21.6 18.7004V19.2004V19.7004ZM21.6 6.00039H21.1C21.1 6.30311 20.9382 6.65135 20.5139 7.02754C20.0902 7.40322 19.4485 7.76437 18.6127 8.07781C16.9447 8.7033 14.6069 9.10039 12 9.10039V9.60039V10.1004C14.6951 10.1004 17.1573 9.6916 18.9638 9.01414C19.8652 8.6761 20.6295 8.26152 21.1773 7.7758C21.7246 7.2906 22.1 6.69179 22.1 6.00039H21.6ZM12 9.60039V9.10039C9.39314 9.10039 7.05532 8.7033 5.38736 8.07781C4.55153 7.76437 3.90987 7.40322 3.48614 7.02754C3.06184 6.65135 2.90002 6.30311 2.90002 6.00039H2.40002H1.90002C1.90002 6.69179 2.27547 7.2906 2.82274 7.7758C3.37058 8.26152 4.13481 8.6761 5.03624 9.01414C6.84279 9.6916 9.30497 10.1004 12 10.1004V9.60039ZM2.40002 6.00039H2.90002C2.90002 5.69767 3.06184 5.34943 3.48614 4.97324C3.90987 4.59756 4.55153 4.23641 5.38736 3.92297C7.05532 3.29748 9.39314 2.90039 12 2.90039V2.40039V1.90039C9.30497 1.90039 6.84279 2.30918 5.03624 2.98664C4.13481 3.32468 3.37058 3.73926 2.82274 4.22498C2.27547 4.71018 1.90002 5.30899 1.90002 6.00039H2.40002ZM12 2.40039V2.90039C14.6069 2.90039 16.9447 3.29748 18.6127 3.92297C19.4485 4.23641 20.0902 4.59756 20.5139 4.97324C20.9382 5.34943 21.1 5.69767 21.1 6.00039H21.6H22.1C22.1 5.30899 21.7246 4.71018 21.1773 4.22498C20.6295 3.73926 19.8652 3.32468 18.9638 2.98664C17.1573 2.30918 14.6951 1.90039 12 1.90039V2.40039ZM21.6 10.8004H21.1C21.1 11.1031 20.9382 11.4514 20.5139 11.8275C20.0902 12.2032 19.4485 12.5644 18.6127 12.8778C16.9447 13.5033 14.6069 13.9004 12 13.9004V14.4004V14.9004C14.6951 14.9004 17.1573 14.4916 18.9638 13.8141C19.8652 13.4761 20.6295 13.0615 21.1773 12.5758C21.7246 12.0906 22.1 11.4918 22.1 10.8004H21.6ZM12 14.4004V13.9004C9.39314 13.9004 7.05532 13.5033 5.38736 12.8778C4.55153 12.5644 3.90987 12.2032 3.48614 11.8275C3.06184 11.4514 2.90002 11.1031 2.90002 10.8004H2.40002H1.90002C1.90002 11.4918 2.27547 12.0906 2.82274 12.5758C3.37058 13.0615 4.13481 13.4761 5.03624 13.8141C6.84279 14.4916 9.30497 14.9004 12 14.9004V14.4004ZM2.40002 10.8004H2.90002V6.00039H2.40002H1.90002V10.8004H2.40002ZM21.6 10.8004H22.1V6.00039H21.6H21.1V10.8004H21.6ZM14.4 19.2004H13.9C13.9 20.2497 13.0494 21.1004 12 21.1004V21.6004V22.1004C13.6016 22.1004 14.9 20.802 14.9 19.2004H14.4ZM12 21.6004V21.1004C10.9507 21.1004 10.1 20.2497 10.1 19.2004H9.60002H9.10002C9.10002 20.802 10.3984 22.1004 12 22.1004V21.6004ZM9.60002 19.2004H10.1C10.1 18.151 10.9507 17.3004 12 17.3004V16.8004V16.3004C10.3984 16.3004 9.10002 17.5988 9.10002 19.2004H9.60002ZM12 16.8004V17.3004C13.0494 17.3004 13.9 18.151 13.9 19.2004H14.4H14.9C14.9 17.5988 13.6016 16.3004 12 16.3004V16.8004ZM2.40002 19.2004V19.7004H9.60002V19.2004V18.7004H2.40002V19.2004ZM14.4 19.2004V19.7004H21.6V19.2004V18.7004H14.4V19.2004ZM12 14.4004H11.5V16.8004H12H12.5V14.4004H12Z" fill="currentColor"/>
    </svg>
  );
}
Server06.displayName = "Server06";

export default Server06;