Vela UI Docs
venizia.ai

target-04

Target04, 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-target-04.

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

Installation

pnpm dlx velaui add @velaui/icon-target-04

Usage

// components/icons/target-04.tsx
import Target04 from "@/components/icons/target-04"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Target04({ size = 24, strokeWidth = 0, className, ref, ...props }: Target04Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M12 12V11.5C11.7239 11.5 11.5 11.7239 11.5 12H12ZM12.0797 12H12.5797C12.5797 11.7239 12.3558 11.5 12.0797 11.5V12ZM12.0797 12.0721V12.5721C12.3558 12.5721 12.5797 12.3482 12.5797 12.0721H12.0797ZM12 12.0721H11.5C11.5 12.3482 11.7239 12.5721 12 12.5721V12.0721ZM21 12H20.5C20.5 16.6944 16.6944 20.5 12 20.5V21V21.5C17.2467 21.5 21.5 17.2467 21.5 12H21ZM12 21V20.5C7.30558 20.5 3.5 16.6944 3.5 12H3H2.5C2.5 17.2467 6.75329 21.5 12 21.5V21ZM3 12H3.5C3.5 7.30558 7.30558 3.5 12 3.5V3V2.5C6.75329 2.5 2.5 6.75329 2.5 12H3ZM12 3V3.5C16.6944 3.5 20.5 7.30558 20.5 12H21H21.5C21.5 6.75329 17.2467 2.5 12 2.5V3ZM16.5 12H16C16 14.2091 14.2091 16 12 16V16.5V17C14.7614 17 17 14.7614 17 12H16.5ZM12 16.5V16C9.79086 16 8 14.2091 8 12H7.5H7C7 14.7614 9.23858 17 12 17V16.5ZM7.5 12H8C8 9.79086 9.79086 8 12 8V7.5V7C9.23858 7 7 9.23858 7 12H7.5ZM12 7.5V8C14.2091 8 16 9.79086 16 12H16.5H17C17 9.23858 14.7614 7 12 7V7.5ZM12 12V12.5H12.0797V12V11.5H12V12ZM12.0797 12H11.5797V12.0721H12.0797H12.5797V12H12.0797ZM12.0797 12.0721V11.5721H12V12.0721V12.5721H12.0797V12.0721ZM12 12.0721H12.5V12H12H11.5V12.0721H12Z" fill="currentColor"/>
    </svg>
  );
}
Target04.displayName = "Target04";

export default Target04;