Home/Libraries/Freehand free icons (Iconify)/touch-id-fingerprint-lock-1

Freehand free icons (Iconify)

TouchIdFingerprintLock1

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TouchIdFingerprintLock1Icon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.