Vela UI Docs
venizia.ai

fingerpint-02

Fingerpint02, 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-fingerpint-02.

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

Installation

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

Usage

// components/icons/fingerpint-02.tsx
import Fingerpint02 from "@/components/icons/fingerpint-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Fingerpint02({ size = 24, strokeWidth = 1, className, ref, ...props }: Fingerpint02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M5.7297 6.25876C4.98683 7.45395 4.60002 8.81562 4.60002 10.2029C4.60002 10.4804 4.65716 12.2561 4.65716 12.2561C4.65716 13.5921 4.29672 14.9068 3.6066 16.0679M16.2066 10.2029C16.2022 8.39303 15.0066 6.25876 12.5252 6.25876C10.0438 6.25876 8.59106 8.29476 8.58667 10.1004V11.1931C8.58667 13.7926 8.28747 16.2813 6.67866 18.36M9.53613 21.5999C11.4966 18.8595 12.5472 15.6026 12.5472 12.2646V10.062M14.2945 20.585C15.0066 19.7999 16.2066 16.1999 16.2066 13.7999M19.4264 18.4838C20.0769 16.3623 20.3934 12.2517 20.3934 10.0406C20.3934 5.83181 16.8857 2.41271 12.5472 2.3999H12.5252C11.1449 2.3999 9.78668 2.75419 8.58667 3.42435" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Fingerpint02.displayName = "Fingerpint02";

export default Fingerpint02;