face icon
face-outline from Material Symbols Light by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- face-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- face-outline-rounded, face-outline-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the face icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.113 13.888Q7.75 13.525 7.75 13t.363-.888T9 11.75t.888.363t.362.887t-.363.888T9 14.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 20q3.35 0 5.675-2.325T20 12q0-.6-.075-1.162T19.65 9.75q-.525.125-1.05.188T17.5 10q-2.275 0-4.3-.975T9.75 6.3q-.8 1.95-2.287 3.388T4 11.85V12q0 3.35 2.325 5.675T12 20m.003 1q-1.867 0-3.51-.708q-1.643-.709-2.859-1.923t-1.925-2.857T3 12.003t.709-3.51T5.63 5.634t2.857-1.925T11.997 3t3.51.709t2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709M9.708 4.317Q10.93 6.76 13.164 7.88T17.5 9q.466 0 .916-.047t.896-.155q-.954-2.23-2.956-3.514T12 4q-.658 0-1.204.076t-1.088.241m-5.571 6.389q1.544-.687 3.129-2.25Q8.85 6.892 9.114 4.525q-2.006.764-3.322 2.404q-1.315 1.64-1.655 3.777m4.977-6.181"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFaceOutline(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.113 13.888Q7.75 13.525 7.75 13t.363-.888T9 11.75t.888.363t.362.887t-.363.888T9 14.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 20q3.35 0 5.675-2.325T20 12q0-.6-.075-1.162T19.65 9.75q-.525.125-1.05.188T17.5 10q-2.275 0-4.3-.975T9.75 6.3q-.8 1.95-2.287 3.388T4 11.85V12q0 3.35 2.325 5.675T12 20m.003 1q-1.867 0-3.51-.708q-1.643-.709-2.859-1.923t-1.925-2.857T3 12.003t.709-3.51T5.63 5.634t2.857-1.925T11.997 3t3.51.709t2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709M9.708 4.317Q10.93 6.76 13.164 7.88T17.5 9q.466 0 .916-.047t.896-.155q-.954-2.23-2.956-3.514T12 4q-.658 0-1.204.076t-1.088.241m-5.571 6.389q1.544-.687 3.129-2.25Q8.85 6.892 9.114 4.525q-2.006.764-3.322 2.404q-1.315 1.64-1.655 3.777m4.977-6.181"/></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.113 13.888Q7.75 13.525 7.75 13t.363-.888T9 11.75t.888.363t.362.887t-.363.888T9 14.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 20q3.35 0 5.675-2.325T20 12q0-.6-.075-1.162T19.65 9.75q-.525.125-1.05.188T17.5 10q-2.275 0-4.3-.975T9.75 6.3q-.8 1.95-2.287 3.388T4 11.85V12q0 3.35 2.325 5.675T12 20m.003 1q-1.867 0-3.51-.708q-1.643-.709-2.859-1.923t-1.925-2.857T3 12.003t.709-3.51T5.63 5.634t2.857-1.925T11.997 3t3.51.709t2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709M9.708 4.317Q10.93 6.76 13.164 7.88T17.5 9q.466 0 .916-.047t.896-.155q-.954-2.23-2.956-3.514T12 4q-.658 0-1.204.076t-1.088.241m-5.571 6.389q1.544-.687 3.129-2.25Q8.85 6.892 9.114 4.525q-2.006.764-3.322 2.404q-1.315 1.64-1.655 3.777m4.977-6.181"/></svg> </template>
CSS
.icon-face-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.113%2013.888Q7.75%2013.525%207.75%2013t.363-.888T9%2011.75t.888.363t.362.887t-.363.888T9%2014.25t-.888-.363m6%200q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12%2020q3.35%200%205.675-2.325T20%2012q0-.6-.075-1.162T19.65%209.75q-.525.125-1.05.188T17.5%2010q-2.275%200-4.3-.975T9.75%206.3q-.8%201.95-2.287%203.388T4%2011.85V12q0%203.35%202.325%205.675T12%2020m.003%201q-1.867%200-3.51-.708q-1.643-.709-2.859-1.923t-1.925-2.857T3%2012.003t.709-3.51T5.63%205.634t2.857-1.925T11.997%203t3.51.709t2.859%201.922t1.925%202.857t.709%203.509t-.708%203.51t-1.924%202.859t-2.856%201.925t-3.509.709M9.708%204.317Q10.93%206.76%2013.164%207.88T17.5%209q.466%200%20.916-.047t.896-.155q-.954-2.23-2.956-3.514T12%204q-.658%200-1.204.076t-1.088.241m-5.571%206.389q1.544-.687%203.129-2.25Q8.85%206.892%209.114%204.525q-2.006.764-3.322%202.404q-1.315%201.64-1.655%203.777m4.977-6.181%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.113%2013.888Q7.75%2013.525%207.75%2013t.363-.888T9%2011.75t.888.363t.362.887t-.363.888T9%2014.25t-.888-.363m6%200q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12%2020q3.35%200%205.675-2.325T20%2012q0-.6-.075-1.162T19.65%209.75q-.525.125-1.05.188T17.5%2010q-2.275%200-4.3-.975T9.75%206.3q-.8%201.95-2.287%203.388T4%2011.85V12q0%203.35%202.325%205.675T12%2020m.003%201q-1.867%200-3.51-.708q-1.643-.709-2.859-1.923t-1.925-2.857T3%2012.003t.709-3.51T5.63%205.634t2.857-1.925T11.997%203t3.51.709t2.859%201.922t1.925%202.857t.709%203.509t-.708%203.51t-1.924%202.859t-2.856%201.925t-3.509.709M9.708%204.317Q10.93%206.76%2013.164%207.88T17.5%209q.466%200%20.916-.047t.896-.155q-.954-2.23-2.956-3.514T12%204q-.658%200-1.204.076t-1.088.241m-5.571%206.389q1.544-.687%203.129-2.25Q8.85%206.892%209.114%204.525q-2.006.764-3.322%202.404q-1.315%201.64-1.655%203.777m4.977-6.181%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-outline.svg?color=%231a73e8&size=48
