Face Recognition icon
icon-park:face-recognition
The Face Recognition icon (icon-park:face-recognition) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Operate
- Tags
- facerecognition
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" 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>
How to use the Face Recognition icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:face-recognition" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:face-recognition" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:face-recognition" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--face-recognition]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:face-recognition"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:face-recognition"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/face-recognition.svg" alt="Face Recognition icon" width="24" height="24">
Related icons in IconPark
Face Recognition icon in other icon sets
Face Recognition icon FAQ
Is the Face Recognition icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Face Recognition icon in React?
Install @iconify/react and render <Icon icon="icon-park:face-recognition" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Face Recognition icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/face-recognition.svg" alt="Face Recognition icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
