finger print icon

Common uses

• Biometric login button
• Security settings section
• User profile identification

Use it in React

npm i @heroicons/react

import { FingerPrintIcon } from '@heroicons/react/24/outline';

<FingerPrintIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<FingerPrintIcon className="size-6" />

<FingerPrintIcon className="size-6" />

<FingerPrintIcon className="size-6" />

<FingerPrintIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

fingerprintbiometricsecurityidentityauthentication

FAQ

What is the finger print icon used for?

It's typically used for features involving security, like logging in with a fingerprint or verifying a user's identity.

How do I use the finger print icon in React?

Import it from Heroicons like this: import { FingerPrintIcon } from '@heroicons/react/24/outline'. Then use it as a React component: <FingerPrintIcon className="h-6 w-6" />.

What is the license for this icon?

The Heroicons finger print icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.