Vela UI Docs
venizia.ai

camera-off

CameraOff, 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-camera-off.

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

Installation

pnpm dlx velaui add @velaui/icon-camera-off

Usage

// components/icons/camera-off.tsx
import CameraOff from "@/components/icons/camera-off"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CameraOff({ size = 24, strokeWidth = 1, className, ref, ...props }: CameraOffProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M2.4 7.98019V17.8202C2.4 19.1457 3.47452 20.2202 4.8 20.2202H14.4M6 5.5802H7.2L8.88 2.7002H15.12L16.8 5.5802H19.2C20.5255 5.5802 21.6 6.65471 21.6 7.9802V17.8202C21.6 18.7085 21.1174 19.4841 20.4 19.8991M14.6833 14.7002C15.2534 14.0633 15.6 13.2222 15.6 12.3002C15.6 10.312 13.9882 8.70019 12 8.70019C11.078 8.70019 10.2369 9.04682 9.6 9.61687M11.4 15.8504C9.84275 15.5892 8.62451 14.3281 8.42782 12.7499M21 21.3002L3 2.7002" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
CameraOff.displayName = "CameraOff";

export default CameraOff;