face 4 icon
face-4-outline from Material Symbols by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- face-4-outline
- Set
- Material Symbols
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- face-4-outline-rounded, face-4-outline-sharp
1 other variant in Material Symbols
The same icon in other sets
More social icons from Material Symbols
Use the face 4 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 15.888Q7.75 15.525 7.75 15t.363-.888T9 13.75t.888.363t.362.887t-.363.888T9 16.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 22q3.35 0 5.675-2.325T20 14q0-.6-.075-1.162t-.275-1.088q-.525.125-1.05.188T17.5 12q-2.275 0-4.3-.975T9.75 8.3q-.8 1.95-2.287 3.388T4 13.85V14q0 3.35 2.325 5.675T12 22M10.65 6.125q1.05 1.75 2.85 2.813t4 1.062q.35 0 .675-.038t.675-.087Q17.8 8.125 16 7.063T12 6q-.35 0-.675.038t-.675.087m-6.225 5.35Q5.7 10.75 6.65 9.6t1.425-2.575Q6.8 7.75 5.85 8.9t-1.425 2.575m-1.25-2.15Q3.875 8 4.938 6.938t2.387-1.763Q6.9 4.65 6.3 4.325T4.975 4q-1.25 0-2.113.863T2 6.975Q2 7.7 2.325 8.3t.85 1.025M8.1 23.213q-1.825-.788-3.175-2.138T2.788 17.9T2 14q0-.725.1-1.437t.3-1.363Q1.325 10.55.663 9.438T0 6.975Q0 4.9 1.45 3.45T4.975 2q1.325 0 2.438.638T9.2 4.4q.65-.2 1.363-.3T12 4q2.075 0 3.9.788t3.175 2.137t2.138 3.175T22 14t-.788 3.9t-2.137 3.175t-3.175 2.138T12 24t-3.9-.788M4.925 6.926"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsFace4Outline(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 15.888Q7.75 15.525 7.75 15t.363-.888T9 13.75t.888.363t.362.887t-.363.888T9 16.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 22q3.35 0 5.675-2.325T20 14q0-.6-.075-1.162t-.275-1.088q-.525.125-1.05.188T17.5 12q-2.275 0-4.3-.975T9.75 8.3q-.8 1.95-2.287 3.388T4 13.85V14q0 3.35 2.325 5.675T12 22M10.65 6.125q1.05 1.75 2.85 2.813t4 1.062q.35 0 .675-.038t.675-.087Q17.8 8.125 16 7.063T12 6q-.35 0-.675.038t-.675.087m-6.225 5.35Q5.7 10.75 6.65 9.6t1.425-2.575Q6.8 7.75 5.85 8.9t-1.425 2.575m-1.25-2.15Q3.875 8 4.938 6.938t2.387-1.763Q6.9 4.65 6.3 4.325T4.975 4q-1.25 0-2.113.863T2 6.975Q2 7.7 2.325 8.3t.85 1.025M8.1 23.213q-1.825-.788-3.175-2.138T2.788 17.9T2 14q0-.725.1-1.437t.3-1.363Q1.325 10.55.663 9.438T0 6.975Q0 4.9 1.45 3.45T4.975 2q1.325 0 2.438.638T9.2 4.4q.65-.2 1.363-.3T12 4q2.075 0 3.9.788t3.175 2.137t2.138 3.175T22 14t-.788 3.9t-2.137 3.175t-3.175 2.138T12 24t-3.9-.788M4.925 6.926"/></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 15.888Q7.75 15.525 7.75 15t.363-.888T9 13.75t.888.363t.362.887t-.363.888T9 16.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 22q3.35 0 5.675-2.325T20 14q0-.6-.075-1.162t-.275-1.088q-.525.125-1.05.188T17.5 12q-2.275 0-4.3-.975T9.75 8.3q-.8 1.95-2.287 3.388T4 13.85V14q0 3.35 2.325 5.675T12 22M10.65 6.125q1.05 1.75 2.85 2.813t4 1.062q.35 0 .675-.038t.675-.087Q17.8 8.125 16 7.063T12 6q-.35 0-.675.038t-.675.087m-6.225 5.35Q5.7 10.75 6.65 9.6t1.425-2.575Q6.8 7.75 5.85 8.9t-1.425 2.575m-1.25-2.15Q3.875 8 4.938 6.938t2.387-1.763Q6.9 4.65 6.3 4.325T4.975 4q-1.25 0-2.113.863T2 6.975Q2 7.7 2.325 8.3t.85 1.025M8.1 23.213q-1.825-.788-3.175-2.138T2.788 17.9T2 14q0-.725.1-1.437t.3-1.363Q1.325 10.55.663 9.438T0 6.975Q0 4.9 1.45 3.45T4.975 2q1.325 0 2.438.638T9.2 4.4q.65-.2 1.363-.3T12 4q2.075 0 3.9.788t3.175 2.137t2.138 3.175T22 14t-.788 3.9t-2.137 3.175t-3.175 2.138T12 24t-3.9-.788M4.925 6.926"/></svg> </template>
CSS
.icon-face-4-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%2015.888Q7.75%2015.525%207.75%2015t.363-.888T9%2013.75t.888.363t.362.887t-.363.888T9%2016.25t-.888-.363m6%200q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12%2022q3.35%200%205.675-2.325T20%2014q0-.6-.075-1.162t-.275-1.088q-.525.125-1.05.188T17.5%2012q-2.275%200-4.3-.975T9.75%208.3q-.8%201.95-2.287%203.388T4%2013.85V14q0%203.35%202.325%205.675T12%2022M10.65%206.125q1.05%201.75%202.85%202.813t4%201.062q.35%200%20.675-.038t.675-.087Q17.8%208.125%2016%207.063T12%206q-.35%200-.675.038t-.675.087m-6.225%205.35Q5.7%2010.75%206.65%209.6t1.425-2.575Q6.8%207.75%205.85%208.9t-1.425%202.575m-1.25-2.15Q3.875%208%204.938%206.938t2.387-1.763Q6.9%204.65%206.3%204.325T4.975%204q-1.25%200-2.113.863T2%206.975Q2%207.7%202.325%208.3t.85%201.025M8.1%2023.213q-1.825-.788-3.175-2.138T2.788%2017.9T2%2014q0-.725.1-1.437t.3-1.363Q1.325%2010.55.663%209.438T0%206.975Q0%204.9%201.45%203.45T4.975%202q1.325%200%202.438.638T9.2%204.4q.65-.2%201.363-.3T12%204q2.075%200%203.9.788t3.175%202.137t2.138%203.175T22%2014t-.788%203.9t-2.137%203.175t-3.175%202.138T12%2024t-3.9-.788M4.925%206.926%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%2015.888Q7.75%2015.525%207.75%2015t.363-.888T9%2013.75t.888.363t.362.887t-.363.888T9%2016.25t-.888-.363m6%200q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12%2022q3.35%200%205.675-2.325T20%2014q0-.6-.075-1.162t-.275-1.088q-.525.125-1.05.188T17.5%2012q-2.275%200-4.3-.975T9.75%208.3q-.8%201.95-2.287%203.388T4%2013.85V14q0%203.35%202.325%205.675T12%2022M10.65%206.125q1.05%201.75%202.85%202.813t4%201.062q.35%200%20.675-.038t.675-.087Q17.8%208.125%2016%207.063T12%206q-.35%200-.675.038t-.675.087m-6.225%205.35Q5.7%2010.75%206.65%209.6t1.425-2.575Q6.8%207.75%205.85%208.9t-1.425%202.575m-1.25-2.15Q3.875%208%204.938%206.938t2.387-1.763Q6.9%204.65%206.3%204.325T4.975%204q-1.25%200-2.113.863T2%206.975Q2%207.7%202.325%208.3t.85%201.025M8.1%2023.213q-1.825-.788-3.175-2.138T2.788%2017.9T2%2014q0-.725.1-1.437t.3-1.363Q1.325%2010.55.663%209.438T0%206.975Q0%204.9%201.45%203.45T4.975%202q1.325%200%202.438.638T9.2%204.4q.65-.2%201.363-.3T12%204q2.075%200%203.9.788t3.175%202.137t2.138%203.175T22%2014t-.788%203.9t-2.137%203.175t-3.175%202.138T12%2024t-3.9-.788M4.925%206.926%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/face-4-outline.svg?color=%231a73e8&size=48
