Vela UI Docs
venizia.ai

cursor-06

Cursor06, 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-cursor-06.

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

Installation

pnpm dlx velaui add @velaui/icon-cursor-06

Usage

// components/icons/cursor-06.tsx
import Cursor06 from "@/components/icons/cursor-06"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Cursor06({ size = 24, strokeWidth = 1, className, ref, ...props }: Cursor06Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M9.59999 19.6331H4.57006C3.37157 19.6331 2.39999 18.6687 2.39999 17.479V4.55448C2.39999 3.36481 3.37157 2.40039 4.57006 2.40039H17.5904C18.7889 2.40039 19.7605 3.36481 19.7605 4.55448V8.40039M17.3508 15.9773L21.0645 14.7209C21.7606 14.4854 21.7839 13.5303 21.1 13.2626L11.8927 9.65799C11.2521 9.40723 10.6114 10.0188 10.8516 10.6516L14.359 19.893C14.6153 20.5684 15.5909 20.5699 15.8494 19.8953L17.3508 15.9773Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Cursor06.displayName = "Cursor06";

export default Cursor06;