face sad cry icon
face-sad-cry from Font Awesome 6 Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- face-sad-cry
- Set
- Font Awesome 6 Regular
- Style
- Regular
- Viewbox
- 512×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Regular
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="M400 406.1V288c0-13.3-10.7-24-24-24s-24 10.7-24 24v152.6c-28.7 15-61.4 23.4-96 23.4s-67.3-8.5-96-23.4V288c0-13.3-10.7-24-24-24s-24 10.7-24 24v118.1C72.6 368.2 48 315 48 256c0-114.9 93.1-208 208-208s208 93.1 208 208c0 59-24.6 112.2-64 150.1M256 512a256 256 0 1 0 0-512a256 256 0 1 0 0 512m-96.4-292c10.6 0 19.9 3.8 25.4 9.7c7.6 8.1 20.2 8.5 28.3.9s8.5-20.2.9-28.3C199.7 186.8 179 180 159.6 180s-40.1 6.8-54.6 22.3c-7.6 8.1-7.1 20.7.9 28.3s20.7 7.1 28.3-.9c5.5-5.8 14.8-9.7 25.4-9.7m166.6 9.7c5.5-5.8 14.8-9.7 25.4-9.7s19.9 3.8 25.4 9.7c7.6 8.1 20.2 8.5 28.3.9s8.5-20.2.9-28.3C391.7 186.8 371 180 351.6 180s-40.1 6.8-54.6 22.3c-7.6 8.1-7.1 20.7.9 28.3s20.7 7.1 28.3-.9M208 320v32c0 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 Fa6RegularFaceSadCry(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="M400 406.1V288c0-13.3-10.7-24-24-24s-24 10.7-24 24v152.6c-28.7 15-61.4 23.4-96 23.4s-67.3-8.5-96-23.4V288c0-13.3-10.7-24-24-24s-24 10.7-24 24v118.1C72.6 368.2 48 315 48 256c0-114.9 93.1-208 208-208s208 93.1 208 208c0 59-24.6 112.2-64 150.1M256 512a256 256 0 1 0 0-512a256 256 0 1 0 0 512m-96.4-292c10.6 0 19.9 3.8 25.4 9.7c7.6 8.1 20.2 8.5 28.3.9s8.5-20.2.9-28.3C199.7 186.8 179 180 159.6 180s-40.1 6.8-54.6 22.3c-7.6 8.1-7.1 20.7.9 28.3s20.7 7.1 28.3-.9c5.5-5.8 14.8-9.7 25.4-9.7m166.6 9.7c5.5-5.8 14.8-9.7 25.4-9.7s19.9 3.8 25.4 9.7c7.6 8.1 20.2 8.5 28.3.9s8.5-20.2.9-28.3C391.7 186.8 371 180 351.6 180s-40.1 6.8-54.6 22.3c-7.6 8.1-7.1 20.7.9 28.3s20.7 7.1 28.3-.9M208 320v32c0 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="M400 406.1V288c0-13.3-10.7-24-24-24s-24 10.7-24 24v152.6c-28.7 15-61.4 23.4-96 23.4s-67.3-8.5-96-23.4V288c0-13.3-10.7-24-24-24s-24 10.7-24 24v118.1C72.6 368.2 48 315 48 256c0-114.9 93.1-208 208-208s208 93.1 208 208c0 59-24.6 112.2-64 150.1M256 512a256 256 0 1 0 0-512a256 256 0 1 0 0 512m-96.4-292c10.6 0 19.9 3.8 25.4 9.7c7.6 8.1 20.2 8.5 28.3.9s8.5-20.2.9-28.3C199.7 186.8 179 180 159.6 180s-40.1 6.8-54.6 22.3c-7.6 8.1-7.1 20.7.9 28.3s20.7 7.1 28.3-.9c5.5-5.8 14.8-9.7 25.4-9.7m166.6 9.7c5.5-5.8 14.8-9.7 25.4-9.7s19.9 3.8 25.4 9.7c7.6 8.1 20.2 8.5 28.3.9s8.5-20.2.9-28.3C391.7 186.8 371 180 351.6 180s-40.1 6.8-54.6 22.3c-7.6 8.1-7.1 20.7.9 28.3s20.7 7.1 28.3-.9M208 320v32c0 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%22M400%20406.1V288c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v152.6c-28.7%2015-61.4%2023.4-96%2023.4s-67.3-8.5-96-23.4V288c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v118.1C72.6%20368.2%2048%20315%2048%20256c0-114.9%2093.1-208%20208-208s208%2093.1%20208%20208c0%2059-24.6%20112.2-64%20150.1M256%20512a256%20256%200%201%200%200-512a256%20256%200%201%200%200%20512m-96.4-292c10.6%200%2019.9%203.8%2025.4%209.7c7.6%208.1%2020.2%208.5%2028.3.9s8.5-20.2.9-28.3C199.7%20186.8%20179%20180%20159.6%20180s-40.1%206.8-54.6%2022.3c-7.6%208.1-7.1%2020.7.9%2028.3s20.7%207.1%2028.3-.9c5.5-5.8%2014.8-9.7%2025.4-9.7m166.6%209.7c5.5-5.8%2014.8-9.7%2025.4-9.7s19.9%203.8%2025.4%209.7c7.6%208.1%2020.2%208.5%2028.3.9s8.5-20.2.9-28.3C391.7%20186.8%20371%20180%20351.6%20180s-40.1%206.8-54.6%2022.3c-7.6%208.1-7.1%2020.7.9%2028.3s20.7%207.1%2028.3-.9M208%20320v32c0%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%22M400%20406.1V288c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v152.6c-28.7%2015-61.4%2023.4-96%2023.4s-67.3-8.5-96-23.4V288c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v118.1C72.6%20368.2%2048%20315%2048%20256c0-114.9%2093.1-208%20208-208s208%2093.1%20208%20208c0%2059-24.6%20112.2-64%20150.1M256%20512a256%20256%200%201%200%200-512a256%20256%200%201%200%200%20512m-96.4-292c10.6%200%2019.9%203.8%2025.4%209.7c7.6%208.1%2020.2%208.5%2028.3.9s8.5-20.2.9-28.3C199.7%20186.8%20179%20180%20159.6%20180s-40.1%206.8-54.6%2022.3c-7.6%208.1-7.1%2020.7.9%2028.3s20.7%207.1%2028.3-.9c5.5-5.8%2014.8-9.7%2025.4-9.7m166.6%209.7c5.5-5.8%2014.8-9.7%2025.4-9.7s19.9%203.8%2025.4%209.7c7.6%208.1%2020.2%208.5%2028.3.9s8.5-20.2.9-28.3C391.7%20186.8%20371%20180%20351.6%20180s-40.1%206.8-54.6%2022.3c-7.6%208.1-7.1%2020.7.9%2028.3s20.7%207.1%2028.3-.9M208%20320v32c0%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-regular/face-sad-cry.svg?color=%231a73e8&size=48
