Vela UI Docs
venizia.ai

cursor-04

Cursor04, 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-04.

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

Installation

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

Usage

// components/icons/cursor-04.tsx
import Cursor04 from "@/components/icons/cursor-04"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Cursor04({ size = 24, strokeWidth = 1, className, ref, ...props }: Cursor04Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M5.47319 14.0993L3.78603 15.7864M3.60973 9.59982H1.22372M3.78603 3.41435L5.47319 5.10145M9.97284 0.851562L9.97284 3.23747M16.1585 3.41435L14.4714 5.10145M21.8241 19.3174L19.962 21.1795C19.7564 21.3851 19.4229 21.3851 19.2172 21.1795L16.2816 18.2438C16.0596 18.0219 15.694 18.0421 15.4979 18.2872L13.5236 20.7552C13.2564 21.0892 12.7235 20.9822 12.6059 20.5708L9.42257 9.42902C9.30906 9.03173 9.67637 8.66442 10.0737 8.77793L21.2155 11.9613C21.6268 12.0788 21.7338 12.6117 21.3998 12.879L18.9319 14.8533C18.6868 15.0494 18.6665 15.415 18.8885 15.637L21.8241 18.5726C22.0298 18.7783 22.0298 19.1117 21.8241 19.3174Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Cursor04.displayName = "Cursor04";

export default Cursor04;