Fingerprint Thin icon
ph:fingerprint-thin
The Fingerprint Thin icon (ph:fingerprint-thin) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- security, secured, authentication, authenticated, login, locked, biometrics, encrypted, encryption, fingerprintthin
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M68 128a130.7 130.7 0 0 1-13.73 58.7a4 4 0 0 1-3.58 2.22a3.9 3.9 0 0 1-1.78-.42a4 4 0 0 1-1.8-5.36A122.7 122.7 0 0 0 60 128a67.74 67.74 0 0 1 25.5-53.08a4 4 0 0 1 5 6.25A59.74 59.74 0 0 0 68 128m60-4a4 4 0 0 0-4 4a188.1 188.1 0 0 1-23.48 91a4 4 0 0 0 7 3.88A196.2 196.2 0 0 0 132 128a4 4 0 0 0-4-4m0-32a36 36 0 0 0-36 36a4 4 0 0 0 8 0a28 28 0 0 1 56 0a218 218 0 0 1-20.9 93.7a4 4 0 1 0 7.24 3.41A226 226 0 0 0 164 128a36 36 0 0 0-36-36m0-64A100.11 100.11 0 0 0 28 128a91.7 91.7 0 0 1-5.24 30.67a4 4 0 1 0 7.54 2.66A99.7 99.7 0 0 0 36 128a92 92 0 0 1 184 0a286.4 286.4 0 0 1-5.37 55.23a4 4 0 0 0 3.15 4.69a4 4 0 0 0 .78.08a4 4 0 0 0 3.92-3.23A294.3 294.3 0 0 0 228 128A100.11 100.11 0 0 0 128 28M93.6 156.09a4 4 0 0 0-4.71 3.12a155 155 0 0 1-17.66 46.64a4 4 0 0 0 6.93 4a163.1 163.1 0 0 0 18.57-49a4 4 0 0 0-3.13-4.76M128 60a69 69 0 0 0-8.5.53a4 4 0 0 0 1 7.93A63 63 0 0 1 128 68a60.07 60.07 0 0 1 60 60a256 256 0 0 1-1.95 31.5a4 4 0 0 0 3.47 4.47h.5a4 4 0 0 0 4-3.51A264 264 0 0 0 196 128a68.08 68.08 0 0 0-68-68m56.93 128.12a4 4 0 0 0-4.87 2.88c-1.49 5.78-3.21 11.58-5.1 17.23a4 4 0 1 0 7.58 2.54c2-5.83 3.73-11.81 5.27-17.77a4 4 0 0 0-2.87-4.87Z"/></svg>
How to use the Fingerprint Thin icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:fingerprint-thin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:fingerprint-thin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:fingerprint-thin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--fingerprint-thin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:fingerprint-thin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:fingerprint-thin"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ph/fingerprint-thin.svg" alt="Fingerprint Thin icon" width="24" height="24">
Related icons in Phosphor
Fingerprint Thin icon FAQ
Is the Fingerprint Thin icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Fingerprint Thin icon in React?
Install @iconify/react and render <Icon icon="ph:fingerprint-thin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fingerprint Thin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/fingerprint-thin.svg" alt="Fingerprint Thin icon">, or paste the SVG code inline to style it with CSS.
Browse all Phosphor icons →
ICONYZ
