Vela UI Docsvenizia.ai

target-02

Target02, 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-02.

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

Installation

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

Usage

// components/icons/target-02.tsx
import Target02 from "@/components/icons/target-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Target02({ size = 24, strokeWidth = 0, className, ref, ...props }: Target02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M20.6016 12.5294C20.6016 12.2533 20.3777 12.0294 20.1016 12.0294C19.8255 12.0294 19.6016 12.2533 19.6016 12.5294H20.1016H20.6016ZM11.5508 4.55882C11.8269 4.55882 12.0508 4.33497 12.0508 4.05882C12.0508 3.78268 11.8269 3.55882 11.5508 3.55882V4.05882V4.55882ZM16.3262 12.5294C16.3262 12.2533 16.1023 12.0294 15.8262 12.0294C15.5501 12.0294 15.3262 12.2533 15.3262 12.5294H15.8262H16.3262ZM11.5508 8.79412C11.8269 8.79412 12.0508 8.57026 12.0508 8.29412C12.0508 8.01798 11.8269 7.79412 11.5508 7.79412V8.29412V8.79412ZM15.6816 8.97039C15.8778 8.77605 15.8793 8.45947 15.685 8.26329C15.4906 8.06711 15.1741 8.06562 14.9779 8.25996L15.3298 8.61518L15.6816 8.97039ZM11.1989 12.0035C11.0027 12.1978 11.0012 12.5144 11.1956 12.7106C11.3899 12.9067 11.7065 12.9082 11.9027 12.7139L11.5508 12.3587L11.1989 12.0035ZM21 5.99481L21.3519 6.35002C21.4868 6.21636 21.5344 6.01778 21.4746 5.8375C21.4149 5.65721 21.2581 5.52635 21.0701 5.49974L21 5.99481ZM17.5989 9.36396L17.4422 9.83875C17.6207 9.8977 17.8172 9.85151 17.9508 9.71918L17.5989 9.36396ZM14.5758 6.36916L14.2239 6.01394C14.0884 6.14818 14.041 6.34783 14.1019 6.52862L14.5758 6.36916ZM17.9768 3L18.4717 2.92863C18.4448 2.74172 18.3148 2.58595 18.1358 2.52593C17.9567 2.46591 17.7591 2.51188 17.625 2.64478L17.9768 3ZM15.3316 8.61526L14.8577 8.77472C14.9079 8.92388 15.0253 9.0407 15.1748 9.09004L15.3316 8.61526ZM18.3547 5.62045L17.8598 5.69182C17.8916 5.91177 18.0646 6.08438 18.2847 6.11552L18.3547 5.62045ZM20.1016 12.5294H19.6016C19.6016 16.927 16.0016 20.5 11.5508 20.5V21V21.5C16.545 21.5 20.6016 17.4882 20.6016 12.5294H20.1016ZM11.5508 21V20.5C7.10001 20.5 3.5 16.927 3.5 12.5294H3H2.5C2.5 17.4882 6.55664 21.5 11.5508 21.5V21ZM3 12.5294H3.5C3.5 8.13181 7.10001 4.55882 11.5508 4.55882V4.05882V3.55882C6.55664 3.55882 2.5 7.57066 2.5 12.5294H3ZM15.8262 12.5294H15.3262C15.3262 14.5879 13.6404 16.2647 11.5508 16.2647V16.7647V17.2647C14.1837 17.2647 16.3262 15.1491 16.3262 12.5294H15.8262ZM11.5508 16.7647V16.2647C9.46125 16.2647 7.7754 14.5879 7.7754 12.5294H7.2754H6.7754C6.7754 15.1491 8.91787 17.2647 11.5508 17.2647V16.7647ZM7.2754 12.5294H7.7754C7.7754 10.4709 9.46125 8.79412 11.5508 8.79412V8.29412V7.79412C8.91788 7.79412 6.7754 9.90975 6.7754 12.5294H7.2754ZM15.3298 8.61518L14.9779 8.25996L11.1989 12.0035L11.5508 12.3587L11.9027 12.7139L15.6816 8.97039L15.3298 8.61518ZM21 5.99481L20.6481 5.63959L17.2471 9.00875L17.5989 9.36396L17.9508 9.71918L21.3519 6.35002L21 5.99481ZM14.5758 6.36916L14.9277 6.72437L18.3287 3.35522L17.9768 3L17.625 2.64478L14.2239 6.01394L14.5758 6.36916ZM17.5989 9.36396L17.7557 8.88918L15.4883 8.14047L15.3316 8.61526L15.1748 9.09004L17.4422 9.83875L17.5989 9.36396ZM15.3316 8.61526L15.8055 8.4558L15.0497 6.2097L14.5758 6.36916L14.1019 6.52862L14.8577 8.77472L15.3316 8.61526ZM17.9768 3L17.482 3.07137L17.8598 5.69182L18.3547 5.62045L18.8496 5.54909L18.4717 2.92863L17.9768 3ZM18.3547 5.62045L18.2847 6.11552L20.9299 6.48987L21 5.99481L21.0701 5.49974L18.4248 5.12539L18.3547 5.62045Z" fill="currentColor"/>
    </svg>
  );
}
Target02.displayName = "Target02";

export default Target02;