face recognition icon
face-recognition from IconPark by ByteDance · Color · Operate · Apache-2.0 Free for personal and commercial use.
- Name
- face-recognition
- Set
- IconPark
- Style
- Color
- Category
- Operate
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More operate icons from IconPark
Use the face recognition icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M33 4.99976H41C42.1046 4.99976 43 5.89519 43 6.99976V14.9998M43 32.9998V40.9998C43 42.1043 42.1046 42.9998 41 42.9998H33M15 42.9998H7C5.89543 42.9998 5 42.1043 5 40.9998V32.9998M5 14.9998V6.99976C5 5.89519 5.89543 4.99976 7 4.99976H15"/><path d="M24 38C30.6274 38 36 31.732 36 24C36 16.268 30.6274 10 24 10C17.3726 10 12 16.268 12 24C12 31.732 17.3726 38 24 38Z"/><path stroke-linecap="round" d="M6 24H42"/><path stroke-linecap="round" d="M20.0693 30.1057C21.3372 31.0429 22.6473 31.5115 23.9996 31.5115C25.3519 31.5115 26.698 31.0429 28.0378 30.1057"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkFaceRecognition(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeWidth="4"><path strokeLinecap="round" strokeLinejoin="round" d="M33 4.99976H41C42.1046 4.99976 43 5.89519 43 6.99976V14.9998M43 32.9998V40.9998C43 42.1043 42.1046 42.9998 41 42.9998H33M15 42.9998H7C5.89543 42.9998 5 42.1043 5 40.9998V32.9998M5 14.9998V6.99976C5 5.89519 5.89543 4.99976 7 4.99976H15"/><path d="M24 38C30.6274 38 36 31.732 36 24C36 16.268 30.6274 10 24 10C17.3726 10 12 16.268 12 24C12 31.732 17.3726 38 24 38Z"/><path strokeLinecap="round" d="M6 24H42"/><path strokeLinecap="round" d="M20.0693 30.1057C21.3372 31.0429 22.6473 31.5115 23.9996 31.5115C25.3519 31.5115 26.698 31.0429 28.0378 30.1057"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M33 4.99976H41C42.1046 4.99976 43 5.89519 43 6.99976V14.9998M43 32.9998V40.9998C43 42.1043 42.1046 42.9998 41 42.9998H33M15 42.9998H7C5.89543 42.9998 5 42.1043 5 40.9998V32.9998M5 14.9998V6.99976C5 5.89519 5.89543 4.99976 7 4.99976H15"/><path d="M24 38C30.6274 38 36 31.732 36 24C36 16.268 30.6274 10 24 10C17.3726 10 12 16.268 12 24C12 31.732 17.3726 38 24 38Z"/><path stroke-linecap="round" d="M6 24H42"/><path stroke-linecap="round" d="M20.0693 30.1057C21.3372 31.0429 22.6473 31.5115 23.9996 31.5115C25.3519 31.5115 26.698 31.0429 28.0378 30.1057"/></g></svg> </template>
CSS
.icon-face-recognition {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33%204.99976H41C42.1046%204.99976%2043%205.89519%2043%206.99976V14.9998M43%2032.9998V40.9998C43%2042.1043%2042.1046%2042.9998%2041%2042.9998H33M15%2042.9998H7C5.89543%2042.9998%205%2042.1043%205%2040.9998V32.9998M5%2014.9998V6.99976C5%205.89519%205.89543%204.99976%207%204.99976H15%22%2F%3E%3Cpath%20d%3D%22M24%2038C30.6274%2038%2036%2031.732%2036%2024C36%2016.268%2030.6274%2010%2024%2010C17.3726%2010%2012%2016.268%2012%2024C12%2031.732%2017.3726%2038%2024%2038Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2024H42%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20.0693%2030.1057C21.3372%2031.0429%2022.6473%2031.5115%2023.9996%2031.5115C25.3519%2031.5115%2026.698%2031.0429%2028.0378%2030.1057%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33%204.99976H41C42.1046%204.99976%2043%205.89519%2043%206.99976V14.9998M43%2032.9998V40.9998C43%2042.1043%2042.1046%2042.9998%2041%2042.9998H33M15%2042.9998H7C5.89543%2042.9998%205%2042.1043%205%2040.9998V32.9998M5%2014.9998V6.99976C5%205.89519%205.89543%204.99976%207%204.99976H15%22%2F%3E%3Cpath%20d%3D%22M24%2038C30.6274%2038%2036%2031.732%2036%2024C36%2016.268%2030.6274%2010%2024%2010C17.3726%2010%2012%2016.268%2012%2024C12%2031.732%2017.3726%2038%2024%2038Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2024H42%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20.0693%2030.1057C21.3372%2031.0429%2022.6473%2031.5115%2023.9996%2031.5115C25.3519%2031.5115%2026.698%2031.0429%2028.0378%2030.1057%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/face-recognition.svg?color=%231a73e8&size=48
