twotone face 3 icon
twotone-face-3 from Google Material Icons by Material Design Authors · Baseline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-face-3
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
More social icons from Google Material Icons
baseline-18-up-ratingbaseline-6-ft-apartbaseline-add-moderatorbaseline-add-reactionbaseline-adobebaseline-applebaseline-architecturebaseline-assist-walkerbaseline-back-handbaseline-blindbaseline-boybaseline-cakebaseline-catching-pokemonbaseline-clean-handsbaseline-co2baseline-compostbaseline-connect-without-contactbaseline-constructionbaseline-cookiebaseline-coronavirusbaseline-cruelty-freebaseline-cyclonebaseline-deckbaseline-discord
Use the twotone face 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 8c.73 0 1.41-.25 1.99-.65c-1.27-1.77-3.23-3-5.49-3.28v.43C13 6.43 14.57 8 16.5 8M11 4.5v-.43a7.96 7.96 0 0 0-5.49 3.28c.58.4 1.26.65 1.99.65C9.43 8 11 6.43 11 4.5M2.75 15.8L2.19 22H12c-4.18 0-7.75-2.56-9.25-6.2M12 22h9.81l-.56-6.2C19.75 19.44 16.18 22 12 22" opacity=".3"/><circle cx="9" cy="13" r="1.25" fill="currentColor"/><circle cx="15" cy="13" r="1.25" fill="currentColor"/><path fill="currentColor" d="M22.91 11.96C22.39 6.32 17.66 2 12 2S1.61 6.32 1.09 11.96l-.9 9.86c-.1 1.17.82 2.18 2 2.18h19.62c1.18 0 2.1-1.01 1.99-2.18zM13 4.07c2.26.28 4.22 1.51 5.49 3.28c-.58.4-1.26.65-1.99.65C14.57 8 13 6.43 13 4.5zm-2 0v.43C11 6.43 9.43 8 7.5 8c-.73 0-1.41-.25-1.99-.65c1.27-1.77 3.23-3 5.49-3.28M4.54 9.13c.87.55 1.89.87 2.96.87c1.86 0 3.5-.93 4.5-2.35C13 9.07 14.64 10 16.5 10c1.07 0 2.09-.32 2.96-.87c.34.89.54 1.86.54 2.87c0 4.41-3.59 8-8 8s-8-3.59-8-8c0-1.01.2-1.98.54-2.87M12 22H2.19l.56-6.2C4.25 19.44 7.82 22 12 22s7.75-2.56 9.25-6.2l.56 6.2z"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotoneFace3(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="M16.5 8c.73 0 1.41-.25 1.99-.65c-1.27-1.77-3.23-3-5.49-3.28v.43C13 6.43 14.57 8 16.5 8M11 4.5v-.43a7.96 7.96 0 0 0-5.49 3.28c.58.4 1.26.65 1.99.65C9.43 8 11 6.43 11 4.5M2.75 15.8L2.19 22H12c-4.18 0-7.75-2.56-9.25-6.2M12 22h9.81l-.56-6.2C19.75 19.44 16.18 22 12 22" opacity=".3"/><circle cx="9" cy="13" r="1.25" fill="currentColor"/><circle cx="15" cy="13" r="1.25" fill="currentColor"/><path fill="currentColor" d="M22.91 11.96C22.39 6.32 17.66 2 12 2S1.61 6.32 1.09 11.96l-.9 9.86c-.1 1.17.82 2.18 2 2.18h19.62c1.18 0 2.1-1.01 1.99-2.18zM13 4.07c2.26.28 4.22 1.51 5.49 3.28c-.58.4-1.26.65-1.99.65C14.57 8 13 6.43 13 4.5zm-2 0v.43C11 6.43 9.43 8 7.5 8c-.73 0-1.41-.25-1.99-.65c1.27-1.77 3.23-3 5.49-3.28M4.54 9.13c.87.55 1.89.87 2.96.87c1.86 0 3.5-.93 4.5-2.35C13 9.07 14.64 10 16.5 10c1.07 0 2.09-.32 2.96-.87c.34.89.54 1.86.54 2.87c0 4.41-3.59 8-8 8s-8-3.59-8-8c0-1.01.2-1.98.54-2.87M12 22H2.19l.56-6.2C4.25 19.44 7.82 22 12 22s7.75-2.56 9.25-6.2l.56 6.2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 8c.73 0 1.41-.25 1.99-.65c-1.27-1.77-3.23-3-5.49-3.28v.43C13 6.43 14.57 8 16.5 8M11 4.5v-.43a7.96 7.96 0 0 0-5.49 3.28c.58.4 1.26.65 1.99.65C9.43 8 11 6.43 11 4.5M2.75 15.8L2.19 22H12c-4.18 0-7.75-2.56-9.25-6.2M12 22h9.81l-.56-6.2C19.75 19.44 16.18 22 12 22" opacity=".3"/><circle cx="9" cy="13" r="1.25" fill="currentColor"/><circle cx="15" cy="13" r="1.25" fill="currentColor"/><path fill="currentColor" d="M22.91 11.96C22.39 6.32 17.66 2 12 2S1.61 6.32 1.09 11.96l-.9 9.86c-.1 1.17.82 2.18 2 2.18h19.62c1.18 0 2.1-1.01 1.99-2.18zM13 4.07c2.26.28 4.22 1.51 5.49 3.28c-.58.4-1.26.65-1.99.65C14.57 8 13 6.43 13 4.5zm-2 0v.43C11 6.43 9.43 8 7.5 8c-.73 0-1.41-.25-1.99-.65c1.27-1.77 3.23-3 5.49-3.28M4.54 9.13c.87.55 1.89.87 2.96.87c1.86 0 3.5-.93 4.5-2.35C13 9.07 14.64 10 16.5 10c1.07 0 2.09-.32 2.96-.87c.34.89.54 1.86.54 2.87c0 4.41-3.59 8-8 8s-8-3.59-8-8c0-1.01.2-1.98.54-2.87M12 22H2.19l.56-6.2C4.25 19.44 7.82 22 12 22s7.75-2.56 9.25-6.2l.56 6.2z"/></svg> </template>
CSS
.icon-twotone-face-3 {
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%22M16.5%208c.73%200%201.41-.25%201.99-.65c-1.27-1.77-3.23-3-5.49-3.28v.43C13%206.43%2014.57%208%2016.5%208M11%204.5v-.43a7.96%207.96%200%200%200-5.49%203.28c.58.4%201.26.65%201.99.65C9.43%208%2011%206.43%2011%204.5M2.75%2015.8L2.19%2022H12c-4.18%200-7.75-2.56-9.25-6.2M12%2022h9.81l-.56-6.2C19.75%2019.44%2016.18%2022%2012%2022%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2213%22%20r%3D%221.25%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2213%22%20r%3D%221.25%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.91%2011.96C22.39%206.32%2017.66%202%2012%202S1.61%206.32%201.09%2011.96l-.9%209.86c-.1%201.17.82%202.18%202%202.18h19.62c1.18%200%202.1-1.01%201.99-2.18zM13%204.07c2.26.28%204.22%201.51%205.49%203.28c-.58.4-1.26.65-1.99.65C14.57%208%2013%206.43%2013%204.5zm-2%200v.43C11%206.43%209.43%208%207.5%208c-.73%200-1.41-.25-1.99-.65c1.27-1.77%203.23-3%205.49-3.28M4.54%209.13c.87.55%201.89.87%202.96.87c1.86%200%203.5-.93%204.5-2.35C13%209.07%2014.64%2010%2016.5%2010c1.07%200%202.09-.32%202.96-.87c.34.89.54%201.86.54%202.87c0%204.41-3.59%208-8%208s-8-3.59-8-8c0-1.01.2-1.98.54-2.87M12%2022H2.19l.56-6.2C4.25%2019.44%207.82%2022%2012%2022s7.75-2.56%209.25-6.2l.56%206.2z%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%22M16.5%208c.73%200%201.41-.25%201.99-.65c-1.27-1.77-3.23-3-5.49-3.28v.43C13%206.43%2014.57%208%2016.5%208M11%204.5v-.43a7.96%207.96%200%200%200-5.49%203.28c.58.4%201.26.65%201.99.65C9.43%208%2011%206.43%2011%204.5M2.75%2015.8L2.19%2022H12c-4.18%200-7.75-2.56-9.25-6.2M12%2022h9.81l-.56-6.2C19.75%2019.44%2016.18%2022%2012%2022%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2213%22%20r%3D%221.25%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2213%22%20r%3D%221.25%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.91%2011.96C22.39%206.32%2017.66%202%2012%202S1.61%206.32%201.09%2011.96l-.9%209.86c-.1%201.17.82%202.18%202%202.18h19.62c1.18%200%202.1-1.01%201.99-2.18zM13%204.07c2.26.28%204.22%201.51%205.49%203.28c-.58.4-1.26.65-1.99.65C14.57%208%2013%206.43%2013%204.5zm-2%200v.43C11%206.43%209.43%208%207.5%208c-.73%200-1.41-.25-1.99-.65c1.27-1.77%203.23-3%205.49-3.28M4.54%209.13c.87.55%201.89.87%202.96.87c1.86%200%203.5-.93%204.5-2.35C13%209.07%2014.64%2010%2016.5%2010c1.07%200%202.09-.32%202.96-.87c.34.89.54%201.86.54%202.87c0%204.41-3.59%208-8%208s-8-3.59-8-8c0-1.01.2-1.98.54-2.87M12%2022H2.19l.56-6.2C4.25%2019.44%207.82%2022%2012%2022s7.75-2.56%209.25-6.2l.56%206.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-face-3.svg?color=%231a73e8&size=48