face left icon
face-left-outline from Material Symbols Light by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- face-left-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- face-left-outline-sharp
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 4M8.329 15.96q-1.518-.927-2.423-2.496T5 10q0-2.931 2.034-4.966Q9.067 3 11.997 3t4.967 2.034T19 10q0 1.896-.906 3.465t-2.423 2.495l-.738-.72q1.401-.78 2.25-2.177q.848-1.397.817-3.111v-.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-.028q-.28-.03-.548-.087q-.108.371-.162.727Q6 9.609 6 10q0 1.701.845 3.08q.846 1.38 2.222 2.16zm3.575 6.444l-3.308-3.308l3.308-3.288l.688.708l-2.075 2.08h4.887v1h-4.887l2.075 2.1zm1.463-18.212"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFaceLeftOutline(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 4M8.329 15.96q-1.518-.927-2.423-2.496T5 10q0-2.931 2.034-4.966Q9.067 3 11.997 3t4.967 2.034T19 10q0 1.896-.906 3.465t-2.423 2.495l-.738-.72q1.401-.78 2.25-2.177q.848-1.397.817-3.111v-.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-.028q-.28-.03-.548-.087q-.108.371-.162.727Q6 9.609 6 10q0 1.701.845 3.08q.846 1.38 2.222 2.16zm3.575 6.444l-3.308-3.308l3.308-3.288l.688.708l-2.075 2.08h4.887v1h-4.887l2.075 2.1zm1.463-18.212"/></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 4M8.329 15.96q-1.518-.927-2.423-2.496T5 10q0-2.931 2.034-4.966Q9.067 3 11.997 3t4.967 2.034T19 10q0 1.896-.906 3.465t-2.423 2.495l-.738-.72q1.401-.78 2.25-2.177q.848-1.397.817-3.111v-.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-.028q-.28-.03-.548-.087q-.108.371-.162.727Q6 9.609 6 10q0 1.701.845 3.08q.846 1.38 2.222 2.16zm3.575 6.444l-3.308-3.308l3.308-3.288l.688.708l-2.075 2.08h4.887v1h-4.887l2.075 2.1zm1.463-18.212"/></svg> </template>
CSS
.icon-face-left-outline {
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%204M8.329%2015.96q-1.518-.927-2.423-2.496T5%2010q0-2.931%202.034-4.966Q9.067%203%2011.997%203t4.967%202.034T19%2010q0%201.896-.906%203.465t-2.423%202.495l-.738-.72q1.401-.78%202.25-2.177q.848-1.397.817-3.111v-.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-.028q-.28-.03-.548-.087q-.108.371-.162.727Q6%209.609%206%2010q0%201.701.845%203.08q.846%201.38%202.222%202.16zm3.575%206.444l-3.308-3.308l3.308-3.288l.688.708l-2.075%202.08h4.887v1h-4.887l2.075%202.1zm1.463-18.212%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%204M8.329%2015.96q-1.518-.927-2.423-2.496T5%2010q0-2.931%202.034-4.966Q9.067%203%2011.997%203t4.967%202.034T19%2010q0%201.896-.906%203.465t-2.423%202.495l-.738-.72q1.401-.78%202.25-2.177q.848-1.397.817-3.111v-.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-.028q-.28-.03-.548-.087q-.108.371-.162.727Q6%209.609%206%2010q0%201.701.845%203.08q.846%201.38%202.222%202.16zm3.575%206.444l-3.308-3.308l3.308-3.288l.688.708l-2.075%202.08h4.887v1h-4.887l2.075%202.1zm1.463-18.212%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.svg?color=%231a73e8&size=48
