Touch Id Fingerprint Lock 1 icon
streamline-freehand:touch-id-fingerprint-lock-1
The Touch Id Fingerprint Lock 1 icon (streamline-freehand:touch-id-fingerprint-lock-1) is a free SVG icon from the Freehand free icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Freehand free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- InterfaceEssential
- Tags
- touchid, idfingerprint, fingerprintlock, touchidfingerprintlock
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.225 14.258a40 40 0 0 0-.45-4.389a.3.3 0 0 0-.447-.213a.28.28 0 0 0-.133.293q.286 2.161.33 4.339a37 37 0 0 1-.15 4.329a8 8 0 0 1-.51 2.389a2.6 2.6 0 0 1-.86 1.13a6.8 6.8 0 0 1-3.198.84c-1.89.14-4 0-5.349 0a31 31 0 0 1-3.858 0a5.3 5.3 0 0 1-2.19-.67c.16-.12-.16-.62-.21-1c-.05-.58-.08-1.17-.09-1.37a36 36 0 0 1-.12-4.678c0-1.58.19-3.15.39-4.699a34 34 0 0 1 5.808-.66c1.26-.06 2.54-.08 3.81-.08c1.999 0 3.908.06 5.748.18a.3.3 0 0 0 0-.59c-1.84-.35-3.74-.58-5.739-.66a36 36 0 0 0-3.879 0c-.39 0-.76.11-1.14.15a8.5 8.5 0 0 1 .45-3.268a4 4 0 0 1 2.34-2.41q.482-.202 1-.28a2.7 2.7 0 0 1 1 0c.44.083.838.32 1.119.67c.252.433.428.907.52 1.4a.39.39 0 0 0 .45.32c.13 0 .33-.14.46-.15c1.21 0 2.219.33 1.529-1.86a4.66 4.66 0 0 0-1.1-1.9A5.72 5.72 0 0 0 11.608.013a7 7 0 0 0-4.17 1.4A5.8 5.8 0 0 0 5.57 4.48c-.28 1.585-.24 3.21.12 4.778a26 26 0 0 0-3 .76a.26.26 0 0 0-.17.32a.24.24 0 0 0 .26.17c-.23 1.51-.41 3.05-.51 4.589a36.5 36.5 0 0 0 0 4.788q.007 1.119.14 2.23c.033.293.168.565.38.77c.79.53 1.702.853 2.65.939c1.329.118 2.665.148 3.998.09c2.115.136 4.237.109 6.348-.08a6.4 6.4 0 0 0 2.71-1a3.4 3.4 0 0 0 1.19-1.54a8.8 8.8 0 0 0 .509-2.648q.133-2.194.03-4.39M6.369 4.69a4.9 4.9 0 0 1 1.7-2.53a6.15 6.15 0 0 1 3.579-1.149a4.9 4.9 0 0 1 3.569 1c.459.419.803.95 1 1.54q.156.489.23.999h-1.44a3.75 3.75 0 0 0-.79-1.64a2.6 2.6 0 0 0-1.31-.77a3.5 3.5 0 0 0-1.3-.13a5 5 0 0 0-1.239.32a4.72 4.72 0 0 0-2.46 2.29a7.93 7.93 0 0 0-.498 4.39c-.4.06-.8.09-1.19.16a11.3 11.3 0 0 1 .15-4.48" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M13.257 20.756a3.62 3.62 0 0 0 2.42-1.85c.55-.898.81-1.946.74-2.999a5.94 5.94 0 0 0-1.78-3.778a4.63 4.63 0 0 0-4.139-1a4.24 4.24 0 0 0-2.67 1.88a6.3 6.3 0 0 0-.999 2.998c-.2 2.22.75 4.439 3.17 4.859a4 4 0 0 0 1.079.05q.508-.055 1-.19a.28.28 0 0 0 .22-.34a.28.28 0 0 0-.34-.22a5.3 5.3 0 0 1-.94.12a3.2 3.2 0 0 1-.91-.08c-1.94-.44-2.57-2.3-2.33-4.089a5.6 5.6 0 0 1 1-2.449a3.3 3.3 0 0 1 2-1.39a3.66 3.66 0 0 1 3.229.71a5.1 5.1 0 0 1 1.6 3.12a4.27 4.27 0 0 1-.6 2.419a2.88 2.88 0 0 1-1.86 1.58a.32.32 0 0 0-.266.242a.34.34 0 0 0 .376.407" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M12.568 18.747a1.73 1.73 0 0 0 1.08-.38a1.8 1.8 0 0 0 .58-.75c.11-.322.17-.66.18-1a.29.29 0 0 0-.19-.36a.28.28 0 0 0-.36.19c-.16.25-.4.46-.61.73c-.09.11-.17.23-.25.34a3 3 0 0 1-.22.33a1 1 0 0 1-.31.24a.329.329 0 0 0-.249.524a.33.33 0 0 0 .379.116zm-.041-4.359c.36.18.68.44.67.83a.33.33 0 1 0 .66.04a1.71 1.71 0 0 0-.93-1.59a2.58 2.58 0 0 0-1.81-.39a3 3 0 0 0-2.368 2.73a2.66 2.66 0 0 0 1.999 2.839a.29.29 0 0 0 .356-.403a.3.3 0 0 0-.166-.147a2 2 0 0 1-1.2-2.18a2.4 2.4 0 0 1 .58-1.11a2.3 2.3 0 0 1 1.06-.73a1.7 1.7 0 0 1 1.15.11" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11.378 15.008c-.26 0-.52.67-.57.83q-.015.125 0 .25a.7.7 0 0 0 0 .25c.2.85.37.88.53.88s.3 0 .5-.89a.6.6 0 0 0 0-.23q.008-.12 0-.24c-.21-.92-.37-.85-.46-.85" clip-rule="evenodd"/><path fill="currentColor" d="M18.696 6.35c.54 1.24 3 1.51 3.1.56s-.4-1.25-1.11-1.15a8 8 0 0 0-1.99.59m-.38-1.618c.92.15 2-1.55 1.56-2.08s-.87-.25-1.09.36a9 9 0 0 0-.47 1.72"/></svg>How to use the Touch Id Fingerprint Lock 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:touch-id-fingerprint-lock-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:touch-id-fingerprint-lock-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:touch-id-fingerprint-lock-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--touch-id-fingerprint-lock-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:touch-id-fingerprint-lock-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:touch-id-fingerprint-lock-1"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-freehand/touch-id-fingerprint-lock-1.svg" alt="Touch Id Fingerprint Lock 1 icon" width="24" height="24">Related icons in Freehand free icons
Touch Id Fingerprint Lock 1 icon in other icon sets
Touch Id Fingerprint Lock 1 icon FAQ
Is the Touch Id Fingerprint Lock 1 icon free for commercial use?
Yes. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Touch Id Fingerprint Lock 1 icon in React?
Install @iconify/react and render <Icon icon="streamline-freehand:touch-id-fingerprint-lock-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Touch Id Fingerprint Lock 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand/touch-id-fingerprint-lock-1.svg" alt="Touch Id Fingerprint Lock 1 icon">, or paste the SVG code inline to style it with CSS.