face nod icon

face-nod from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: face-nod
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: face-nod-sharp

3 other variants in Material Symbols

face-nod-outline face-nod-outline-rounded face-nod-rounded

The same icon in other sets

face-nodMaterial Symbols Light

More social icons from Material Symbols

Use the face nod icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 20q-3.35 0-5.675-2.325T1 12t2.325-5.675T9 4t5.675 2.325T17 12t-2.325 5.675T9 20m0-2q2.5 0 4.25-1.75T15 12q0-.275-.025-.525t-.075-.525q-1.85.2-3.575-.413T8.3 8.6q-.95 1.3-2.337 2.15T3 11.875Q2.95 14.4 4.7 16.2T9 18m-2.5-4q-.425 0-.712-.288T5.5 13t.288-.712T6.5 12t.713.288T7.5 13t-.288.713T6.5 14m5 0q-.425 0-.712-.288T10.5 13t.288-.712T11.5 12t.713.288t.287.712t-.288.713T11.5 14m5.5 8v-5h1.5v2.9q1.45-1.65 2.225-3.675T21.5 12t-.775-4.225T18.5 4.1V7H17V2h5v1.5h-2.025q1.475 1.8 2.25 3.975T23 12t-.775 4.525t-2.25 3.975H22V22z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsFaceNod(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="M9 20q-3.35 0-5.675-2.325T1 12t2.325-5.675T9 4t5.675 2.325T17 12t-2.325 5.675T9 20m0-2q2.5 0 4.25-1.75T15 12q0-.275-.025-.525t-.075-.525q-1.85.2-3.575-.413T8.3 8.6q-.95 1.3-2.337 2.15T3 11.875Q2.95 14.4 4.7 16.2T9 18m-2.5-4q-.425 0-.712-.288T5.5 13t.288-.712T6.5 12t.713.288T7.5 13t-.288.713T6.5 14m5 0q-.425 0-.712-.288T10.5 13t.288-.712T11.5 12t.713.288t.287.712t-.288.713T11.5 14m5.5 8v-5h1.5v2.9q1.45-1.65 2.225-3.675T21.5 12t-.775-4.225T18.5 4.1V7H17V2h5v1.5h-2.025q1.475 1.8 2.25 3.975T23 12t-.775 4.525t-2.25 3.975H22V22z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 20q-3.35 0-5.675-2.325T1 12t2.325-5.675T9 4t5.675 2.325T17 12t-2.325 5.675T9 20m0-2q2.5 0 4.25-1.75T15 12q0-.275-.025-.525t-.075-.525q-1.85.2-3.575-.413T8.3 8.6q-.95 1.3-2.337 2.15T3 11.875Q2.95 14.4 4.7 16.2T9 18m-2.5-4q-.425 0-.712-.288T5.5 13t.288-.712T6.5 12t.713.288T7.5 13t-.288.713T6.5 14m5 0q-.425 0-.712-.288T10.5 13t.288-.712T11.5 12t.713.288t.287.712t-.288.713T11.5 14m5.5 8v-5h1.5v2.9q1.45-1.65 2.225-3.675T21.5 12t-.775-4.225T18.5 4.1V7H17V2h5v1.5h-2.025q1.475 1.8 2.25 3.975T23 12t-.775 4.525t-2.25 3.975H22V22z"/></svg>
</template>

CSS

.icon-face-nod {
  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%22M9%2020q-3.35%200-5.675-2.325T1%2012t2.325-5.675T9%204t5.675%202.325T17%2012t-2.325%205.675T9%2020m0-2q2.5%200%204.25-1.75T15%2012q0-.275-.025-.525t-.075-.525q-1.85.2-3.575-.413T8.3%208.6q-.95%201.3-2.337%202.15T3%2011.875Q2.95%2014.4%204.7%2016.2T9%2018m-2.5-4q-.425%200-.712-.288T5.5%2013t.288-.712T6.5%2012t.713.288T7.5%2013t-.288.713T6.5%2014m5%200q-.425%200-.712-.288T10.5%2013t.288-.712T11.5%2012t.713.288t.287.712t-.288.713T11.5%2014m5.5%208v-5h1.5v2.9q1.45-1.65%202.225-3.675T21.5%2012t-.775-4.225T18.5%204.1V7H17V2h5v1.5h-2.025q1.475%201.8%202.25%203.975T23%2012t-.775%204.525t-2.25%203.975H22V22z%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%22M9%2020q-3.35%200-5.675-2.325T1%2012t2.325-5.675T9%204t5.675%202.325T17%2012t-2.325%205.675T9%2020m0-2q2.5%200%204.25-1.75T15%2012q0-.275-.025-.525t-.075-.525q-1.85.2-3.575-.413T8.3%208.6q-.95%201.3-2.337%202.15T3%2011.875Q2.95%2014.4%204.7%2016.2T9%2018m-2.5-4q-.425%200-.712-.288T5.5%2013t.288-.712T6.5%2012t.713.288T7.5%2013t-.288.713T6.5%2014m5%200q-.425%200-.712-.288T10.5%2013t.288-.712T11.5%2012t.713.288t.287.712t-.288.713T11.5%2014m5.5%208v-5h1.5v2.9q1.45-1.65%202.225-3.675T21.5%2012t-.775-4.225T18.5%204.1V7H17V2h5v1.5h-2.025q1.475%201.8%202.25%203.975T23%2012t-.775%204.525t-2.25%203.975H22V22z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/face-nod.svg?color=%231a73e8&size=48