face sad tear icon

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

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

The same icon in other sets

face-sad-tearFont Awesome 6 Solidface-sad-tearFont Awesome Regularface-sad-tearFont Awesome Solid

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 tear icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M175.9 448c-35-.1-65.5-22.6-76-54.6C67.6 356.8 48 308.7 48 256c0-114.9 93.1-208 208-208s208 93.1 208 208s-93.1 208-208 208c-28.4 0-55.5-5.7-80.1-16M0 256a256 256 0 1 0 512 0a256 256 0 1 0-512 0m128 113c0 26 21.5 47 48 47s48-21 48-47c0-20-28.4-60.4-41.6-77.7c-3.2-4.4-9.6-4.4-12.8 0c-13 17.3-41.6 57.7-41.6 77.7m128-65c-13.3 0-24 10.7-24 24s10.7 24 24 24c30.7 0 58.7 11.5 80 30.6c9.9 8.8 25 8 33.9-1.9s8-25-1.9-33.9c-29.7-26.6-69-42.8-112-42.8m47.6-96a32 32 0 1 0 64 0a32 32 0 1 0-64 0m-128 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularFaceSadTear(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="M175.9 448c-35-.1-65.5-22.6-76-54.6C67.6 356.8 48 308.7 48 256c0-114.9 93.1-208 208-208s208 93.1 208 208s-93.1 208-208 208c-28.4 0-55.5-5.7-80.1-16M0 256a256 256 0 1 0 512 0a256 256 0 1 0-512 0m128 113c0 26 21.5 47 48 47s48-21 48-47c0-20-28.4-60.4-41.6-77.7c-3.2-4.4-9.6-4.4-12.8 0c-13 17.3-41.6 57.7-41.6 77.7m128-65c-13.3 0-24 10.7-24 24s10.7 24 24 24c30.7 0 58.7 11.5 80 30.6c9.9 8.8 25 8 33.9-1.9s8-25-1.9-33.9c-29.7-26.6-69-42.8-112-42.8m47.6-96a32 32 0 1 0 64 0a32 32 0 1 0-64 0m-128 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M175.9 448c-35-.1-65.5-22.6-76-54.6C67.6 356.8 48 308.7 48 256c0-114.9 93.1-208 208-208s208 93.1 208 208s-93.1 208-208 208c-28.4 0-55.5-5.7-80.1-16M0 256a256 256 0 1 0 512 0a256 256 0 1 0-512 0m128 113c0 26 21.5 47 48 47s48-21 48-47c0-20-28.4-60.4-41.6-77.7c-3.2-4.4-9.6-4.4-12.8 0c-13 17.3-41.6 57.7-41.6 77.7m128-65c-13.3 0-24 10.7-24 24s10.7 24 24 24c30.7 0 58.7 11.5 80 30.6c9.9 8.8 25 8 33.9-1.9s8-25-1.9-33.9c-29.7-26.6-69-42.8-112-42.8m47.6-96a32 32 0 1 0 64 0a32 32 0 1 0-64 0m-128 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
</template>

CSS

.icon-face-sad-tear {
  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%22M175.9%20448c-35-.1-65.5-22.6-76-54.6C67.6%20356.8%2048%20308.7%2048%20256c0-114.9%2093.1-208%20208-208s208%2093.1%20208%20208s-93.1%20208-208%20208c-28.4%200-55.5-5.7-80.1-16M0%20256a256%20256%200%201%200%20512%200a256%20256%200%201%200-512%200m128%20113c0%2026%2021.5%2047%2048%2047s48-21%2048-47c0-20-28.4-60.4-41.6-77.7c-3.2-4.4-9.6-4.4-12.8%200c-13%2017.3-41.6%2057.7-41.6%2077.7m128-65c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024c30.7%200%2058.7%2011.5%2080%2030.6c9.9%208.8%2025%208%2033.9-1.9s8-25-1.9-33.9c-29.7-26.6-69-42.8-112-42.8m47.6-96a32%2032%200%201%200%2064%200a32%2032%200%201%200-64%200m-128%2032a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%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%22M175.9%20448c-35-.1-65.5-22.6-76-54.6C67.6%20356.8%2048%20308.7%2048%20256c0-114.9%2093.1-208%20208-208s208%2093.1%20208%20208s-93.1%20208-208%20208c-28.4%200-55.5-5.7-80.1-16M0%20256a256%20256%200%201%200%20512%200a256%20256%200%201%200-512%200m128%20113c0%2026%2021.5%2047%2048%2047s48-21%2048-47c0-20-28.4-60.4-41.6-77.7c-3.2-4.4-9.6-4.4-12.8%200c-13%2017.3-41.6%2057.7-41.6%2077.7m128-65c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024c30.7%200%2058.7%2011.5%2080%2030.6c9.9%208.8%2025%208%2033.9-1.9s8-25-1.9-33.9c-29.7-26.6-69-42.8-112-42.8m47.6-96a32%2032%200%201%200%2064%200a32%2032%200%201%200-64%200m-128%2032a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%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-tear.svg?color=%231a73e8&size=48