face sad cry icon

face-sad-cry from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
face-sad-cry
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

face-sad-cryFont Awesome 6 Regularface-sad-cryFont Awesome Regularface-sad-cryFont Awesome Solid

Related icons in Font Awesome 6 Solid

face-angryface-dizzyface-flushedface-frownface-frown-openface-grimaceface-grinface-grin-beamface-grin-beam-sweatface-grin-heartsface-grin-squintface-grin-squint-tearsface-grin-starsface-grin-tearsface-grin-tongueface-grin-tongue-squintface-grin-tongue-winkface-grin-wideface-grin-winkface-kissface-kiss-beamface-kiss-wink-heartface-laughface-laugh-beam

Use the face sad cry icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M352 493.4c-29.6 12-62.1 18.6-96 18.6s-66.4-6.6-96-18.6V288c0-8.8-7.2-16-16-16s-16 7.2-16 16v189.8C51.5 433.5 0 350.8 0 256C0 114.6 114.6 0 256 0s256 114.6 256 256c0 94.8-51.5 177.5-128 221.8V288c0-8.8-7.2-16-16-16s-16 7.2-16 16zM195.2 233.6c5.3 7.1 15.3 8.5 22.4 3.2s8.5-15.3 3.2-22.4c-30.4-40.5-91.2-40.5-121.6 0c-5.3 7.1-3.9 17.1 3.2 22.4s17.1 3.9 22.4-3.2c17.6-23.5 52.8-23.5 70.4 0m121.6 0c17.6-23.5 52.8-23.5 70.4 0c5.3 7.1 15.3 8.5 22.4 3.2s8.5-15.3 3.2-22.4c-30.4-40.5-91.2-40.5-121.6 0c-5.3 7.1-3.9 17.1 3.2 22.4s17.1 3.9 22.4-3.2M208 336v32c0 26.5 21.5 48 48 48s48-21.5 48-48v-32c0-26.5-21.5-48-48-48s-48 21.5-48 48"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFaceSadCry(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M352 493.4c-29.6 12-62.1 18.6-96 18.6s-66.4-6.6-96-18.6V288c0-8.8-7.2-16-16-16s-16 7.2-16 16v189.8C51.5 433.5 0 350.8 0 256C0 114.6 114.6 0 256 0s256 114.6 256 256c0 94.8-51.5 177.5-128 221.8V288c0-8.8-7.2-16-16-16s-16 7.2-16 16zM195.2 233.6c5.3 7.1 15.3 8.5 22.4 3.2s8.5-15.3 3.2-22.4c-30.4-40.5-91.2-40.5-121.6 0c-5.3 7.1-3.9 17.1 3.2 22.4s17.1 3.9 22.4-3.2c17.6-23.5 52.8-23.5 70.4 0m121.6 0c17.6-23.5 52.8-23.5 70.4 0c5.3 7.1 15.3 8.5 22.4 3.2s8.5-15.3 3.2-22.4c-30.4-40.5-91.2-40.5-121.6 0c-5.3 7.1-3.9 17.1 3.2 22.4s17.1 3.9 22.4-3.2M208 336v32c0 26.5 21.5 48 48 48s48-21.5 48-48v-32c0-26.5-21.5-48-48-48s-48 21.5-48 48"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M352 493.4c-29.6 12-62.1 18.6-96 18.6s-66.4-6.6-96-18.6V288c0-8.8-7.2-16-16-16s-16 7.2-16 16v189.8C51.5 433.5 0 350.8 0 256C0 114.6 114.6 0 256 0s256 114.6 256 256c0 94.8-51.5 177.5-128 221.8V288c0-8.8-7.2-16-16-16s-16 7.2-16 16zM195.2 233.6c5.3 7.1 15.3 8.5 22.4 3.2s8.5-15.3 3.2-22.4c-30.4-40.5-91.2-40.5-121.6 0c-5.3 7.1-3.9 17.1 3.2 22.4s17.1 3.9 22.4-3.2c17.6-23.5 52.8-23.5 70.4 0m121.6 0c17.6-23.5 52.8-23.5 70.4 0c5.3 7.1 15.3 8.5 22.4 3.2s8.5-15.3 3.2-22.4c-30.4-40.5-91.2-40.5-121.6 0c-5.3 7.1-3.9 17.1 3.2 22.4s17.1 3.9 22.4-3.2M208 336v32c0 26.5 21.5 48 48 48s48-21.5 48-48v-32c0-26.5-21.5-48-48-48s-48 21.5-48 48"/></svg>
</template>

CSS

.icon-face-sad-cry {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%20493.4c-29.6%2012-62.1%2018.6-96%2018.6s-66.4-6.6-96-18.6V288c0-8.8-7.2-16-16-16s-16%207.2-16%2016v189.8C51.5%20433.5%200%20350.8%200%20256C0%20114.6%20114.6%200%20256%200s256%20114.6%20256%20256c0%2094.8-51.5%20177.5-128%20221.8V288c0-8.8-7.2-16-16-16s-16%207.2-16%2016zM195.2%20233.6c5.3%207.1%2015.3%208.5%2022.4%203.2s8.5-15.3%203.2-22.4c-30.4-40.5-91.2-40.5-121.6%200c-5.3%207.1-3.9%2017.1%203.2%2022.4s17.1%203.9%2022.4-3.2c17.6-23.5%2052.8-23.5%2070.4%200m121.6%200c17.6-23.5%2052.8-23.5%2070.4%200c5.3%207.1%2015.3%208.5%2022.4%203.2s8.5-15.3%203.2-22.4c-30.4-40.5-91.2-40.5-121.6%200c-5.3%207.1-3.9%2017.1%203.2%2022.4s17.1%203.9%2022.4-3.2M208%20336v32c0%2026.5%2021.5%2048%2048%2048s48-21.5%2048-48v-32c0-26.5-21.5-48-48-48s-48%2021.5-48%2048%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%20493.4c-29.6%2012-62.1%2018.6-96%2018.6s-66.4-6.6-96-18.6V288c0-8.8-7.2-16-16-16s-16%207.2-16%2016v189.8C51.5%20433.5%200%20350.8%200%20256C0%20114.6%20114.6%200%20256%200s256%20114.6%20256%20256c0%2094.8-51.5%20177.5-128%20221.8V288c0-8.8-7.2-16-16-16s-16%207.2-16%2016zM195.2%20233.6c5.3%207.1%2015.3%208.5%2022.4%203.2s8.5-15.3%203.2-22.4c-30.4-40.5-91.2-40.5-121.6%200c-5.3%207.1-3.9%2017.1%203.2%2022.4s17.1%203.9%2022.4-3.2c17.6-23.5%2052.8-23.5%2070.4%200m121.6%200c17.6-23.5%2052.8-23.5%2070.4%200c5.3%207.1%2015.3%208.5%2022.4%203.2s8.5-15.3%203.2-22.4c-30.4-40.5-91.2-40.5-121.6%200c-5.3%207.1-3.9%2017.1%203.2%2022.4s17.1%203.9%2022.4-3.2M208%20336v32c0%2026.5%2021.5%2048%2048%2048s48-21.5%2048-48v-32c0-26.5-21.5-48-48-48s-48%2021.5-48%2048%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/face-sad-cry.svg?color=%231a73e8&size=48