finger print scan icon
finger-print-scan from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- finger-print-scan
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the finger print scan icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 7.986c.11-2.21.437-3.588 1.418-4.568S5.776 2.11 7.986 2M22 7.986c-.11-2.21-.437-3.588-1.418-4.568S18.225 2.11 16.014 2m0 20c2.21-.11 3.588-.437 4.569-1.418S21.89 18.225 22 16.014M7.986 22c-2.21-.11-3.588-.437-4.568-1.418S2.11 18.225 2 16.014m14.515-7.072c.317.576.485 1.21.485 1.857v2.882c0 1.134-.536 2.252-1.464 3.054C14.606 17.537 13.313 18 12 18m-5-6.722v2.403c0 1.258.654 2.496 1.801 3.321M14.5 6.579a5.7 5.7 0 0 0-3.794-.432c-1.28.297-2.373 1.02-3.036 2.013m5.996 3.318v-.887c.01-.636-.533-1.21-1.27-1.36m-2.062 2.626v1.524c-.006.28.093.555.282.788c.59.728 1.91.811 2.624.154"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFingerPrintScan(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M2 7.986c.11-2.21.437-3.588 1.418-4.568S5.776 2.11 7.986 2M22 7.986c-.11-2.21-.437-3.588-1.418-4.568S18.225 2.11 16.014 2m0 20c2.21-.11 3.588-.437 4.569-1.418S21.89 18.225 22 16.014M7.986 22c-2.21-.11-3.588-.437-4.568-1.418S2.11 18.225 2 16.014m14.515-7.072c.317.576.485 1.21.485 1.857v2.882c0 1.134-.536 2.252-1.464 3.054C14.606 17.537 13.313 18 12 18m-5-6.722v2.403c0 1.258.654 2.496 1.801 3.321M14.5 6.579a5.7 5.7 0 0 0-3.794-.432c-1.28.297-2.373 1.02-3.036 2.013m5.996 3.318v-.887c.01-.636-.533-1.21-1.27-1.36m-2.062 2.626v1.524c-.006.28.093.555.282.788c.59.728 1.91.811 2.624.154"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 7.986c.11-2.21.437-3.588 1.418-4.568S5.776 2.11 7.986 2M22 7.986c-.11-2.21-.437-3.588-1.418-4.568S18.225 2.11 16.014 2m0 20c2.21-.11 3.588-.437 4.569-1.418S21.89 18.225 22 16.014M7.986 22c-2.21-.11-3.588-.437-4.568-1.418S2.11 18.225 2 16.014m14.515-7.072c.317.576.485 1.21.485 1.857v2.882c0 1.134-.536 2.252-1.464 3.054C14.606 17.537 13.313 18 12 18m-5-6.722v2.403c0 1.258.654 2.496 1.801 3.321M14.5 6.579a5.7 5.7 0 0 0-3.794-.432c-1.28.297-2.373 1.02-3.036 2.013m5.996 3.318v-.887c.01-.636-.533-1.21-1.27-1.36m-2.062 2.626v1.524c-.006.28.093.555.282.788c.59.728 1.91.811 2.624.154"/></svg> </template>
CSS
.icon-finger-print-scan {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%207.986c.11-2.21.437-3.588%201.418-4.568S5.776%202.11%207.986%202M22%207.986c-.11-2.21-.437-3.588-1.418-4.568S18.225%202.11%2016.014%202m0%2020c2.21-.11%203.588-.437%204.569-1.418S21.89%2018.225%2022%2016.014M7.986%2022c-2.21-.11-3.588-.437-4.568-1.418S2.11%2018.225%202%2016.014m14.515-7.072c.317.576.485%201.21.485%201.857v2.882c0%201.134-.536%202.252-1.464%203.054C14.606%2017.537%2013.313%2018%2012%2018m-5-6.722v2.403c0%201.258.654%202.496%201.801%203.321M14.5%206.579a5.7%205.7%200%200%200-3.794-.432c-1.28.297-2.373%201.02-3.036%202.013m5.996%203.318v-.887c.01-.636-.533-1.21-1.27-1.36m-2.062%202.626v1.524c-.006.28.093.555.282.788c.59.728%201.91.811%202.624.154%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%207.986c.11-2.21.437-3.588%201.418-4.568S5.776%202.11%207.986%202M22%207.986c-.11-2.21-.437-3.588-1.418-4.568S18.225%202.11%2016.014%202m0%2020c2.21-.11%203.588-.437%204.569-1.418S21.89%2018.225%2022%2016.014M7.986%2022c-2.21-.11-3.588-.437-4.568-1.418S2.11%2018.225%202%2016.014m14.515-7.072c.317.576.485%201.21.485%201.857v2.882c0%201.134-.536%202.252-1.464%203.054C14.606%2017.537%2013.313%2018%2012%2018m-5-6.722v2.403c0%201.258.654%202.496%201.801%203.321M14.5%206.579a5.7%205.7%200%200%200-3.794-.432c-1.28.297-2.373%201.02-3.036%202.013m5.996%203.318v-.887c.01-.636-.533-1.21-1.27-1.36m-2.062%202.626v1.524c-.006.28.093.555.282.788c.59.728%201.91.811%202.624.154%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/finger-print-scan.svg?color=%231a73e8&size=48
