Vela UI Docs
venizia.ai

fingerpint-01

Fingerpint01, 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-01.

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

Installation

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

Usage

// components/icons/fingerpint-01.tsx
import Fingerpint01 from "@/components/icons/fingerpint-01"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Fingerpint01({ size = 24, strokeWidth = 1, className, ref, ...props }: Fingerpint01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M8.1581 6.50059C7.37408 7.13552 6.74122 7.94118 6.3065 8.8578C5.87177 9.77444 5.64634 10.7785 5.64693 11.7955C5.65006 14.2756 5.08723 16.723 4.00242 18.9462M13.3588 22.8002C14.9615 19.3595 16.0156 13.3498 15.7791 11.7955C15.4865 9.87305 14.5653 8.33689 12.3437 8.33689C9.798 8.33689 9.02229 10.9235 9.02229 12.0224M22.1751 18.3065C22.5896 16.1616 22.7988 13.9811 22.8 11.7955C22.8 8.98545 21.6983 6.29046 19.7373 4.30347C17.7763 2.31647 15.1166 1.2002 12.3433 1.2002C9.57 1.2002 6.91029 2.31647 4.94928 4.30347C2.98827 6.29046 1.88659 8.98539 1.88659 11.7954C1.88769 13.189 1.65555 14.5727 1.20004 15.8875M6.56608 21.2389C7.626 19.396 8.37966 17.3891 8.79689 15.2984M18.8153 15.5022C18.9671 14.2729 19.0421 13.034 19.0396 11.7952C19.0396 9.99576 18.3341 8.27005 17.0783 6.99766C15.8226 5.7253 14.1195 5.01036 12.3437 5.01036C12.064 5.00841 11.7844 5.0246 11.5067 5.05884M18.1192 19.2075C17.9423 19.8886 17.7416 20.5705 17.5296 21.2389M9.81197 22.2965C11.1457 19.8873 12.3488 15.8954 12.3488 11.8323" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Fingerpint01.displayName = "Fingerpint01";

export default Fingerpint01;