face left icon
face-left-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- face-left-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the face left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.664 11.635q-.339 0-.578-.233q-.24-.234-.24-.578t.238-.575t.589-.23q.335 0 .562.234q.227.233.227.577t-.23.575t-.568.23m4.66 0q-.345 0-.575-.233q-.23-.234-.23-.578t.233-.575t.578-.23t.575.234t.23.577t-.234.575t-.578.23m.508-7.371q.286 1.577 1.388 2.758t2.62 1.774q-.339-1.602-1.393-2.812q-1.054-1.211-2.615-1.72M12.06 4q-1.785-.012-3.29.945T6.537 7.538q.25.077.49.096t.51.02q1.842.03 3.424-.897q1.581-.928 2.406-2.565q-.327-.096-.654-.144Q12.388 4 12.06 4M5 10q0-2.931 2.034-4.966Q9.067 3 11.997 3t4.967 2.034T19 10q0 1.764-.799 3.247t-2.12 2.434q-.246.177-.444.136t-.32-.2q-.12-.16-.124-.348q-.002-.188.174-.321q1.206-.812 1.935-2.117q.729-1.306.698-2.879v-.058q-1.517-.448-2.722-1.461t-1.905-2.43q-1.146 1.326-2.727 2.025t-3.334.614q-.27 0-.548-.029q-.28-.029-.548-.086q-.108.371-.162.727Q6 9.609 6 10q0 1.567.716 2.858q.717 1.29 1.917 2.096q.177.127.174.315q-.003.189-.124.348q-.121.16-.32.2q-.197.04-.444-.136q-1.321-.952-2.12-2.434T5 10m5.517 9.596l1.74 1.74q.141.147.134.357t-.154.357t-.344.146t-.343-.146l-2.37-2.37q-.241-.247-.241-.577t.242-.572l2.369-2.37q.148-.146.345-.146t.344.146t.152.357t-.133.357l-1.74 1.721h4.386q.212 0 .356.144t.144.357t-.144.356t-.356.143zm2.85-15.404"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFaceLeftOutlineRounded(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="M8.664 11.635q-.339 0-.578-.233q-.24-.234-.24-.578t.238-.575t.589-.23q.335 0 .562.234q.227.233.227.577t-.23.575t-.568.23m4.66 0q-.345 0-.575-.233q-.23-.234-.23-.578t.233-.575t.578-.23t.575.234t.23.577t-.234.575t-.578.23m.508-7.371q.286 1.577 1.388 2.758t2.62 1.774q-.339-1.602-1.393-2.812q-1.054-1.211-2.615-1.72M12.06 4q-1.785-.012-3.29.945T6.537 7.538q.25.077.49.096t.51.02q1.842.03 3.424-.897q1.581-.928 2.406-2.565q-.327-.096-.654-.144Q12.388 4 12.06 4M5 10q0-2.931 2.034-4.966Q9.067 3 11.997 3t4.967 2.034T19 10q0 1.764-.799 3.247t-2.12 2.434q-.246.177-.444.136t-.32-.2q-.12-.16-.124-.348q-.002-.188.174-.321q1.206-.812 1.935-2.117q.729-1.306.698-2.879v-.058q-1.517-.448-2.722-1.461t-1.905-2.43q-1.146 1.326-2.727 2.025t-3.334.614q-.27 0-.548-.029q-.28-.029-.548-.086q-.108.371-.162.727Q6 9.609 6 10q0 1.567.716 2.858q.717 1.29 1.917 2.096q.177.127.174.315q-.003.189-.124.348q-.121.16-.32.2q-.197.04-.444-.136q-1.321-.952-2.12-2.434T5 10m5.517 9.596l1.74 1.74q.141.147.134.357t-.154.357t-.344.146t-.343-.146l-2.37-2.37q-.241-.247-.241-.577t.242-.572l2.369-2.37q.148-.146.345-.146t.344.146t.152.357t-.133.357l-1.74 1.721h4.386q.212 0 .356.144t.144.357t-.144.356t-.356.143zm2.85-15.404"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.664 11.635q-.339 0-.578-.233q-.24-.234-.24-.578t.238-.575t.589-.23q.335 0 .562.234q.227.233.227.577t-.23.575t-.568.23m4.66 0q-.345 0-.575-.233q-.23-.234-.23-.578t.233-.575t.578-.23t.575.234t.23.577t-.234.575t-.578.23m.508-7.371q.286 1.577 1.388 2.758t2.62 1.774q-.339-1.602-1.393-2.812q-1.054-1.211-2.615-1.72M12.06 4q-1.785-.012-3.29.945T6.537 7.538q.25.077.49.096t.51.02q1.842.03 3.424-.897q1.581-.928 2.406-2.565q-.327-.096-.654-.144Q12.388 4 12.06 4M5 10q0-2.931 2.034-4.966Q9.067 3 11.997 3t4.967 2.034T19 10q0 1.764-.799 3.247t-2.12 2.434q-.246.177-.444.136t-.32-.2q-.12-.16-.124-.348q-.002-.188.174-.321q1.206-.812 1.935-2.117q.729-1.306.698-2.879v-.058q-1.517-.448-2.722-1.461t-1.905-2.43q-1.146 1.326-2.727 2.025t-3.334.614q-.27 0-.548-.029q-.28-.029-.548-.086q-.108.371-.162.727Q6 9.609 6 10q0 1.567.716 2.858q.717 1.29 1.917 2.096q.177.127.174.315q-.003.189-.124.348q-.121.16-.32.2q-.197.04-.444-.136q-1.321-.952-2.12-2.434T5 10m5.517 9.596l1.74 1.74q.141.147.134.357t-.154.357t-.344.146t-.343-.146l-2.37-2.37q-.241-.247-.241-.577t.242-.572l2.369-2.37q.148-.146.345-.146t.344.146t.152.357t-.133.357l-1.74 1.721h4.386q.212 0 .356.144t.144.357t-.144.356t-.356.143zm2.85-15.404"/></svg> </template>
CSS
.icon-face-left-outline-rounded {
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%22M8.664%2011.635q-.339%200-.578-.233q-.24-.234-.24-.578t.238-.575t.589-.23q.335%200%20.562.234q.227.233.227.577t-.23.575t-.568.23m4.66%200q-.345%200-.575-.233q-.23-.234-.23-.578t.233-.575t.578-.23t.575.234t.23.577t-.234.575t-.578.23m.508-7.371q.286%201.577%201.388%202.758t2.62%201.774q-.339-1.602-1.393-2.812q-1.054-1.211-2.615-1.72M12.06%204q-1.785-.012-3.29.945T6.537%207.538q.25.077.49.096t.51.02q1.842.03%203.424-.897q1.581-.928%202.406-2.565q-.327-.096-.654-.144Q12.388%204%2012.06%204M5%2010q0-2.931%202.034-4.966Q9.067%203%2011.997%203t4.967%202.034T19%2010q0%201.764-.799%203.247t-2.12%202.434q-.246.177-.444.136t-.32-.2q-.12-.16-.124-.348q-.002-.188.174-.321q1.206-.812%201.935-2.117q.729-1.306.698-2.879v-.058q-1.517-.448-2.722-1.461t-1.905-2.43q-1.146%201.326-2.727%202.025t-3.334.614q-.27%200-.548-.029q-.28-.029-.548-.086q-.108.371-.162.727Q6%209.609%206%2010q0%201.567.716%202.858q.717%201.29%201.917%202.096q.177.127.174.315q-.003.189-.124.348q-.121.16-.32.2q-.197.04-.444-.136q-1.321-.952-2.12-2.434T5%2010m5.517%209.596l1.74%201.74q.141.147.134.357t-.154.357t-.344.146t-.343-.146l-2.37-2.37q-.241-.247-.241-.577t.242-.572l2.369-2.37q.148-.146.345-.146t.344.146t.152.357t-.133.357l-1.74%201.721h4.386q.212%200%20.356.144t.144.357t-.144.356t-.356.143zm2.85-15.404%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%22M8.664%2011.635q-.339%200-.578-.233q-.24-.234-.24-.578t.238-.575t.589-.23q.335%200%20.562.234q.227.233.227.577t-.23.575t-.568.23m4.66%200q-.345%200-.575-.233q-.23-.234-.23-.578t.233-.575t.578-.23t.575.234t.23.577t-.234.575t-.578.23m.508-7.371q.286%201.577%201.388%202.758t2.62%201.774q-.339-1.602-1.393-2.812q-1.054-1.211-2.615-1.72M12.06%204q-1.785-.012-3.29.945T6.537%207.538q.25.077.49.096t.51.02q1.842.03%203.424-.897q1.581-.928%202.406-2.565q-.327-.096-.654-.144Q12.388%204%2012.06%204M5%2010q0-2.931%202.034-4.966Q9.067%203%2011.997%203t4.967%202.034T19%2010q0%201.764-.799%203.247t-2.12%202.434q-.246.177-.444.136t-.32-.2q-.12-.16-.124-.348q-.002-.188.174-.321q1.206-.812%201.935-2.117q.729-1.306.698-2.879v-.058q-1.517-.448-2.722-1.461t-1.905-2.43q-1.146%201.326-2.727%202.025t-3.334.614q-.27%200-.548-.029q-.28-.029-.548-.086q-.108.371-.162.727Q6%209.609%206%2010q0%201.567.716%202.858q.717%201.29%201.917%202.096q.177.127.174.315q-.003.189-.124.348q-.121.16-.32.2q-.197.04-.444-.136q-1.321-.952-2.12-2.434T5%2010m5.517%209.596l1.74%201.74q.141.147.134.357t-.154.357t-.344.146t-.343-.146l-2.37-2.37q-.241-.247-.241-.577t.242-.572l2.369-2.37q.148-.146.345-.146t.344.146t.152.357t-.133.357l-1.74%201.721h4.386q.212%200%20.356.144t.144.357t-.144.356t-.356.143zm2.85-15.404%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/face-left-outline-rounded.svg?color=%231a73e8&size=48
