face recognition icon
face-recognition from Material Design Icons by Pictogrammers · Filled · Photography · Apache-2.0 Free for personal and commercial use.
- Name
- face-recognition
- Set
- Material Design Icons
- Style
- Filled
- Category
- Photography
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- facial-recognition, scan
The same icon in other sets
More photography icons from Material Design Icons
auto-fixcamera-burstcamera-controlcamera-documentcamera-document-offcamera-enhancecamera-flipcamera-frontcamera-front-variantcamera-imagecamera-iriscamera-lock-opencamera-metering-centercamera-metering-matrixcamera-metering-partialcamera-metering-spotcamera-offcamera-outlinecamera-party-modecamera-pluscamera-rearcamera-rear-variantcamera-retakecamera-switch
Use the face recognition icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 11.75A1.25 1.25 0 0 0 7.75 13A1.25 1.25 0 0 0 9 14.25A1.25 1.25 0 0 0 10.25 13A1.25 1.25 0 0 0 9 11.75m6 0A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a4 4 0 0 1 0-.86a10.05 10.05 0 0 0 5.26-5.37A9.99 9.99 0 0 0 17.42 10c.76 0 1.51-.09 2.25-.26c1.25 4.26-1.17 8.69-5.41 9.93c-.76.22-1.5.33-2.26.33M0 2a2 2 0 0 1 2-2h4v2H2v4H0zm24 20a2 2 0 0 1-2 2h-4v-2h4v-4h2zM2 24a2 2 0 0 1-2-2v-4h2v4h4v2zM22 0a2 2 0 0 1 2 2v4h-2V2h-4V0z"/></svg>
React
import type { SVGProps } from "react";
export function MdiFaceRecognition(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 11.75A1.25 1.25 0 0 0 7.75 13A1.25 1.25 0 0 0 9 14.25A1.25 1.25 0 0 0 10.25 13A1.25 1.25 0 0 0 9 11.75m6 0A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a4 4 0 0 1 0-.86a10.05 10.05 0 0 0 5.26-5.37A9.99 9.99 0 0 0 17.42 10c.76 0 1.51-.09 2.25-.26c1.25 4.26-1.17 8.69-5.41 9.93c-.76.22-1.5.33-2.26.33M0 2a2 2 0 0 1 2-2h4v2H2v4H0zm24 20a2 2 0 0 1-2 2h-4v-2h4v-4h2zM2 24a2 2 0 0 1-2-2v-4h2v4h4v2zM22 0a2 2 0 0 1 2 2v4h-2V2h-4V0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 11.75A1.25 1.25 0 0 0 7.75 13A1.25 1.25 0 0 0 9 14.25A1.25 1.25 0 0 0 10.25 13A1.25 1.25 0 0 0 9 11.75m6 0A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a4 4 0 0 1 0-.86a10.05 10.05 0 0 0 5.26-5.37A9.99 9.99 0 0 0 17.42 10c.76 0 1.51-.09 2.25-.26c1.25 4.26-1.17 8.69-5.41 9.93c-.76.22-1.5.33-2.26.33M0 2a2 2 0 0 1 2-2h4v2H2v4H0zm24 20a2 2 0 0 1-2 2h-4v-2h4v-4h2zM2 24a2 2 0 0 1-2-2v-4h2v4h4v2zM22 0a2 2 0 0 1 2 2v4h-2V2h-4V0z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%2011.75A1.25%201.25%200%200%200%207.75%2013A1.25%201.25%200%200%200%209%2014.25A1.25%201.25%200%200%200%2010.25%2013A1.25%201.25%200%200%200%209%2011.75m6%200A1.25%201.25%200%200%200%2013.75%2013A1.25%201.25%200%200%200%2015%2014.25A1.25%201.25%200%200%200%2016.25%2013A1.25%201.25%200%200%200%2015%2011.75M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m0%2018a8%208%200%200%201-8-8a4%204%200%200%201%200-.86a10.05%2010.05%200%200%200%205.26-5.37A9.99%209.99%200%200%200%2017.42%2010c.76%200%201.51-.09%202.25-.26c1.25%204.26-1.17%208.69-5.41%209.93c-.76.22-1.5.33-2.26.33M0%202a2%202%200%200%201%202-2h4v2H2v4H0zm24%2020a2%202%200%200%201-2%202h-4v-2h4v-4h2zM2%2024a2%202%200%200%201-2-2v-4h2v4h4v2zM22%200a2%202%200%200%201%202%202v4h-2V2h-4V0z%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%22currentColor%22%20d%3D%22M9%2011.75A1.25%201.25%200%200%200%207.75%2013A1.25%201.25%200%200%200%209%2014.25A1.25%201.25%200%200%200%2010.25%2013A1.25%201.25%200%200%200%209%2011.75m6%200A1.25%201.25%200%200%200%2013.75%2013A1.25%201.25%200%200%200%2015%2014.25A1.25%201.25%200%200%200%2016.25%2013A1.25%201.25%200%200%200%2015%2011.75M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m0%2018a8%208%200%200%201-8-8a4%204%200%200%201%200-.86a10.05%2010.05%200%200%200%205.26-5.37A9.99%209.99%200%200%200%2017.42%2010c.76%200%201.51-.09%202.25-.26c1.25%204.26-1.17%208.69-5.41%209.93c-.76.22-1.5.33-2.26.33M0%202a2%202%200%200%201%202-2h4v2H2v4H0zm24%2020a2%202%200%200%201-2%202h-4v-2h4v-4h2zM2%2024a2%202%200%200%201-2-2v-4h2v4h4v2zM22%200a2%202%200%200%201%202%202v4h-2V2h-4V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/face-recognition.svg?color=%231a73e8&size=48
