Vela UI Docs
venizia.ai

printer

Printer, 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-printer.

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

Installation

pnpm dlx velaui add @velaui/icon-printer

Usage

// components/icons/printer.tsx
import Printer from "@/components/icons/printer"

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

/** Custom vela-ui icon, synced from the mail frame's actions menu (Figma 2601-88208). */
export function Printer({ size = 24, strokeWidth = 1, className, ref, ...props }: PrinterProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 20 20"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M4.99996 15H3.33329C2.89127 15 2.46734 14.8244 2.15478 14.5118C1.84222 14.1993 1.66663 13.7754 1.66663 13.3333V9.16667C1.66663 8.72464 1.84222 8.30072 2.15478 7.98816C2.46734 7.6756 2.89127 7.5 3.33329 7.5H16.6666C17.1087 7.5 17.5326 7.6756 17.8451 7.98816C18.1577 8.30072 18.3333 8.72464 18.3333 9.16667V13.3333C18.3333 13.7754 18.1577 14.1993 17.8451 14.5118C17.5326 14.8244 17.1087 15 16.6666 15H15" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
      <path d="M5 7.49935V2.49935C5 2.27834 5.0878 2.06637 5.24408 1.91009C5.40036 1.75381 5.61232 1.66602 5.83333 1.66602H14.1667C14.3877 1.66602 14.5996 1.75381 14.7559 1.91009C14.9122 2.06637 15 2.27834 15 2.49935V7.49935" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
      <path d="M14.1667 11.666H5.83333C5.3731 11.666 5 12.0391 5 12.4993V17.4993C5 17.9596 5.3731 18.3327 5.83333 18.3327H14.1667C14.6269 18.3327 15 17.9596 15 17.4993V12.4993C15 12.0391 14.6269 11.666 14.1667 11.666Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Printer.displayName = "Printer";

export default Printer;