mask sad icon

mask-sad-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: mask-sad-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

mask-sad mask-sad-bold mask-sad-duotone mask-sad-fill mask-sad-light

The same icon in other sets

mask-sad-boldSolar

Related icons in Phosphor

mask-happy

Use the mask sad icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M155.33 186.21a4 4 0 0 1-5.54 1.12C142.8 182.69 137 180 128 180s-14.8 2.69-21.79 7.33a4 4 0 1 1-4.42-6.66c7.82-5.21 15.28-8.67 26.21-8.67s18.39 3.46 26.21 8.67a4 4 0 0 1 1.12 5.54M181 117.33c-3.4 3.8-10.72 6.67-17 6.67s-13.62-2.87-17-6.67a4 4 0 0 0-6 5.33c4.92 5.5 14.37 9.34 23 9.34s18.06-3.84 23-9.33a4 4 0 1 0-6-5.34M220 48v55.78c0 35-9.4 68-26.48 92.92C176.13 222.05 152.86 236 128 236s-48.13-13.95-65.52-39.29C45.4 171.83 36 138.83 36 103.79V48a12 12 0 0 1 16.34-11.2C66.66 42.38 95.53 51.7 128 51.7s61.34-9.32 75.66-14.88A12 12 0 0 1 220 48m-8 0a4 4 0 0 0-5.44-3.74C191.72 50 161.77 59.7 128 59.7S64.28 50 49.44 44.27A4.1 4.1 0 0 0 48 44a3.87 3.87 0 0 0-2.23.7A4 4 0 0 0 44 48v55.77C44 172.28 81.68 228 128 228s84-55.72 84-124.21Zm-97 74.66a4 4 0 1 0-6-5.34c-3.4 3.8-10.72 6.67-17 6.67s-13.62-2.87-17-6.67a4 4 0 0 0-6 5.33c4.92 5.5 14.37 9.34 23 9.34s18.06-3.83 23-9.32Z"/></svg>

React

import type { SVGProps } from "react";

export function PhMaskSadThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M155.33 186.21a4 4 0 0 1-5.54 1.12C142.8 182.69 137 180 128 180s-14.8 2.69-21.79 7.33a4 4 0 1 1-4.42-6.66c7.82-5.21 15.28-8.67 26.21-8.67s18.39 3.46 26.21 8.67a4 4 0 0 1 1.12 5.54M181 117.33c-3.4 3.8-10.72 6.67-17 6.67s-13.62-2.87-17-6.67a4 4 0 0 0-6 5.33c4.92 5.5 14.37 9.34 23 9.34s18.06-3.84 23-9.33a4 4 0 1 0-6-5.34M220 48v55.78c0 35-9.4 68-26.48 92.92C176.13 222.05 152.86 236 128 236s-48.13-13.95-65.52-39.29C45.4 171.83 36 138.83 36 103.79V48a12 12 0 0 1 16.34-11.2C66.66 42.38 95.53 51.7 128 51.7s61.34-9.32 75.66-14.88A12 12 0 0 1 220 48m-8 0a4 4 0 0 0-5.44-3.74C191.72 50 161.77 59.7 128 59.7S64.28 50 49.44 44.27A4.1 4.1 0 0 0 48 44a3.87 3.87 0 0 0-2.23.7A4 4 0 0 0 44 48v55.77C44 172.28 81.68 228 128 228s84-55.72 84-124.21Zm-97 74.66a4 4 0 1 0-6-5.34c-3.4 3.8-10.72 6.67-17 6.67s-13.62-2.87-17-6.67a4 4 0 0 0-6 5.33c4.92 5.5 14.37 9.34 23 9.34s18.06-3.83 23-9.32Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M155.33 186.21a4 4 0 0 1-5.54 1.12C142.8 182.69 137 180 128 180s-14.8 2.69-21.79 7.33a4 4 0 1 1-4.42-6.66c7.82-5.21 15.28-8.67 26.21-8.67s18.39 3.46 26.21 8.67a4 4 0 0 1 1.12 5.54M181 117.33c-3.4 3.8-10.72 6.67-17 6.67s-13.62-2.87-17-6.67a4 4 0 0 0-6 5.33c4.92 5.5 14.37 9.34 23 9.34s18.06-3.84 23-9.33a4 4 0 1 0-6-5.34M220 48v55.78c0 35-9.4 68-26.48 92.92C176.13 222.05 152.86 236 128 236s-48.13-13.95-65.52-39.29C45.4 171.83 36 138.83 36 103.79V48a12 12 0 0 1 16.34-11.2C66.66 42.38 95.53 51.7 128 51.7s61.34-9.32 75.66-14.88A12 12 0 0 1 220 48m-8 0a4 4 0 0 0-5.44-3.74C191.72 50 161.77 59.7 128 59.7S64.28 50 49.44 44.27A4.1 4.1 0 0 0 48 44a3.87 3.87 0 0 0-2.23.7A4 4 0 0 0 44 48v55.77C44 172.28 81.68 228 128 228s84-55.72 84-124.21Zm-97 74.66a4 4 0 1 0-6-5.34c-3.4 3.8-10.72 6.67-17 6.67s-13.62-2.87-17-6.67a4 4 0 0 0-6 5.33c4.92 5.5 14.37 9.34 23 9.34s18.06-3.83 23-9.32Z"/></svg>
</template>

CSS

.icon-mask-sad-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M155.33%20186.21a4%204%200%200%201-5.54%201.12C142.8%20182.69%20137%20180%20128%20180s-14.8%202.69-21.79%207.33a4%204%200%201%201-4.42-6.66c7.82-5.21%2015.28-8.67%2026.21-8.67s18.39%203.46%2026.21%208.67a4%204%200%200%201%201.12%205.54M181%20117.33c-3.4%203.8-10.72%206.67-17%206.67s-13.62-2.87-17-6.67a4%204%200%200%200-6%205.33c4.92%205.5%2014.37%209.34%2023%209.34s18.06-3.84%2023-9.33a4%204%200%201%200-6-5.34M220%2048v55.78c0%2035-9.4%2068-26.48%2092.92C176.13%20222.05%20152.86%20236%20128%20236s-48.13-13.95-65.52-39.29C45.4%20171.83%2036%20138.83%2036%20103.79V48a12%2012%200%200%201%2016.34-11.2C66.66%2042.38%2095.53%2051.7%20128%2051.7s61.34-9.32%2075.66-14.88A12%2012%200%200%201%20220%2048m-8%200a4%204%200%200%200-5.44-3.74C191.72%2050%20161.77%2059.7%20128%2059.7S64.28%2050%2049.44%2044.27A4.1%204.1%200%200%200%2048%2044a3.87%203.87%200%200%200-2.23.7A4%204%200%200%200%2044%2048v55.77C44%20172.28%2081.68%20228%20128%20228s84-55.72%2084-124.21Zm-97%2074.66a4%204%200%201%200-6-5.34c-3.4%203.8-10.72%206.67-17%206.67s-13.62-2.87-17-6.67a4%204%200%200%200-6%205.33c4.92%205.5%2014.37%209.34%2023%209.34s18.06-3.83%2023-9.32Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M155.33%20186.21a4%204%200%200%201-5.54%201.12C142.8%20182.69%20137%20180%20128%20180s-14.8%202.69-21.79%207.33a4%204%200%201%201-4.42-6.66c7.82-5.21%2015.28-8.67%2026.21-8.67s18.39%203.46%2026.21%208.67a4%204%200%200%201%201.12%205.54M181%20117.33c-3.4%203.8-10.72%206.67-17%206.67s-13.62-2.87-17-6.67a4%204%200%200%200-6%205.33c4.92%205.5%2014.37%209.34%2023%209.34s18.06-3.84%2023-9.33a4%204%200%201%200-6-5.34M220%2048v55.78c0%2035-9.4%2068-26.48%2092.92C176.13%20222.05%20152.86%20236%20128%20236s-48.13-13.95-65.52-39.29C45.4%20171.83%2036%20138.83%2036%20103.79V48a12%2012%200%200%201%2016.34-11.2C66.66%2042.38%2095.53%2051.7%20128%2051.7s61.34-9.32%2075.66-14.88A12%2012%200%200%201%20220%2048m-8%200a4%204%200%200%200-5.44-3.74C191.72%2050%20161.77%2059.7%20128%2059.7S64.28%2050%2049.44%2044.27A4.1%204.1%200%200%200%2048%2044a3.87%203.87%200%200%200-2.23.7A4%204%200%200%200%2044%2048v55.77C44%20172.28%2081.68%20228%20128%20228s84-55.72%2084-124.21Zm-97%2074.66a4%204%200%201%200-6-5.34c-3.4%203.8-10.72%206.67-17%206.67s-13.62-2.87-17-6.67a4%204%200%200%200-6%205.33c4.92%205.5%2014.37%209.34%2023%209.34s18.06-3.83%2023-9.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/mask-sad-thin.svg?color=%231a73e8&size=48