Vela UI Docs
venizia.ai

flash-off

FlashOff, 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-flash-off.

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

Installation

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

Usage

// components/icons/flash-off.tsx
import FlashOff from "@/components/icons/flash-off"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function FlashOff({ size = 24, strokeWidth = 1, className, ref, ...props }: FlashOffProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M14.1483 18.3205L12.0934 21.3199C11.7405 21.8284 10.9103 21.6001 10.9103 20.9878L10.8999 15.1343C10.8999 14.4597 10.3291 13.9201 9.62336 13.9097L5.44086 13.8578C4.93232 13.8474 4.63135 13.3181 4.91157 12.9134L6.60325 10.4537M8.3572 7.86947L11.9066 2.68028C12.2595 2.17174 13.0897 2.40007 13.0897 3.01239L13.1001 8.86581C13.1001 9.54041 13.6709 10.0801 14.3766 10.0905L18.5591 10.1423C19.0677 10.1527 19.3687 10.682 19.0884 11.0868L15.8296 15.8401M20.4002 20.3998L3.60016 3.5998" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
FlashOff.displayName = "FlashOff";

export default FlashOff;