mask sad icon
mask-sad from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- mask-sad
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
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="M158.66 188.43a8 8 0 0 1-11.09 2.23C141.07 186.34 136 184 128 184s-13.07 2.34-19.57 6.66a8 8 0 0 1-8.86-13.32C108 171.73 116.06 168 128 168s20 3.73 28.43 9.34a8 8 0 0 1 2.23 11.09M224 48v55.77c0 35.84-9.65 69.65-27.18 95.18c-18.16 26.46-42.6 41-68.82 41s-50.66-14.57-68.82-41C41.65 173.44 32 139.63 32 103.79V48a16 16 0 0 1 21.79-14.91C67.84 38.55 96.18 47.71 128 47.71s60.15-9.16 74.21-14.62A16 16 0 0 1 224 48m-16 0c-15.1 5.89-45.57 15.73-80 15.73S63.1 53.87 48 48v55.79c0 32.64 8.66 63.23 24.37 86.13C87.46 211.9 107.21 224 128 224s40.54-12.1 55.63-34.08C199.34 167 208 136.43 208 103.79Zm-18.66 66a8 8 0 0 0-11.3.62c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34A8 8 0 0 0 138 125.33c5.71 6.38 16.14 10.67 26 10.67s20.25-4.29 26-10.67a8 8 0 0 0-.66-11.33M118 125.33a8 8 0 0 0-12-10.67c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34a8 8 0 0 0-12 10.67C71.75 131.71 82.18 136 92 136s20.25-4.29 26-10.67"/></svg>
React
import type { SVGProps } from "react";
export function PhMaskSad(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="M158.66 188.43a8 8 0 0 1-11.09 2.23C141.07 186.34 136 184 128 184s-13.07 2.34-19.57 6.66a8 8 0 0 1-8.86-13.32C108 171.73 116.06 168 128 168s20 3.73 28.43 9.34a8 8 0 0 1 2.23 11.09M224 48v55.77c0 35.84-9.65 69.65-27.18 95.18c-18.16 26.46-42.6 41-68.82 41s-50.66-14.57-68.82-41C41.65 173.44 32 139.63 32 103.79V48a16 16 0 0 1 21.79-14.91C67.84 38.55 96.18 47.71 128 47.71s60.15-9.16 74.21-14.62A16 16 0 0 1 224 48m-16 0c-15.1 5.89-45.57 15.73-80 15.73S63.1 53.87 48 48v55.79c0 32.64 8.66 63.23 24.37 86.13C87.46 211.9 107.21 224 128 224s40.54-12.1 55.63-34.08C199.34 167 208 136.43 208 103.79Zm-18.66 66a8 8 0 0 0-11.3.62c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34A8 8 0 0 0 138 125.33c5.71 6.38 16.14 10.67 26 10.67s20.25-4.29 26-10.67a8 8 0 0 0-.66-11.33M118 125.33a8 8 0 0 0-12-10.67c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34a8 8 0 0 0-12 10.67C71.75 131.71 82.18 136 92 136s20.25-4.29 26-10.67"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M158.66 188.43a8 8 0 0 1-11.09 2.23C141.07 186.34 136 184 128 184s-13.07 2.34-19.57 6.66a8 8 0 0 1-8.86-13.32C108 171.73 116.06 168 128 168s20 3.73 28.43 9.34a8 8 0 0 1 2.23 11.09M224 48v55.77c0 35.84-9.65 69.65-27.18 95.18c-18.16 26.46-42.6 41-68.82 41s-50.66-14.57-68.82-41C41.65 173.44 32 139.63 32 103.79V48a16 16 0 0 1 21.79-14.91C67.84 38.55 96.18 47.71 128 47.71s60.15-9.16 74.21-14.62A16 16 0 0 1 224 48m-16 0c-15.1 5.89-45.57 15.73-80 15.73S63.1 53.87 48 48v55.79c0 32.64 8.66 63.23 24.37 86.13C87.46 211.9 107.21 224 128 224s40.54-12.1 55.63-34.08C199.34 167 208 136.43 208 103.79Zm-18.66 66a8 8 0 0 0-11.3.62c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34A8 8 0 0 0 138 125.33c5.71 6.38 16.14 10.67 26 10.67s20.25-4.29 26-10.67a8 8 0 0 0-.66-11.33M118 125.33a8 8 0 0 0-12-10.67c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34a8 8 0 0 0-12 10.67C71.75 131.71 82.18 136 92 136s20.25-4.29 26-10.67"/></svg> </template>
CSS
.icon-mask-sad {
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%22M158.66%20188.43a8%208%200%200%201-11.09%202.23C141.07%20186.34%20136%20184%20128%20184s-13.07%202.34-19.57%206.66a8%208%200%200%201-8.86-13.32C108%20171.73%20116.06%20168%20128%20168s20%203.73%2028.43%209.34a8%208%200%200%201%202.23%2011.09M224%2048v55.77c0%2035.84-9.65%2069.65-27.18%2095.18c-18.16%2026.46-42.6%2041-68.82%2041s-50.66-14.57-68.82-41C41.65%20173.44%2032%20139.63%2032%20103.79V48a16%2016%200%200%201%2021.79-14.91C67.84%2038.55%2096.18%2047.71%20128%2047.71s60.15-9.16%2074.21-14.62A16%2016%200%200%201%20224%2048m-16%200c-15.1%205.89-45.57%2015.73-80%2015.73S63.1%2053.87%2048%2048v55.79c0%2032.64%208.66%2063.23%2024.37%2086.13C87.46%20211.9%20107.21%20224%20128%20224s40.54-12.1%2055.63-34.08C199.34%20167%20208%20136.43%20208%20103.79Zm-18.66%2066a8%208%200%200%200-11.3.62c-2.68%203-8.85%205.34-14%205.34s-11.36-2.35-14-5.34A8%208%200%200%200%20138%20125.33c5.71%206.38%2016.14%2010.67%2026%2010.67s20.25-4.29%2026-10.67a8%208%200%200%200-.66-11.33M118%20125.33a8%208%200%200%200-12-10.67c-2.68%203-8.85%205.34-14%205.34s-11.36-2.35-14-5.34a8%208%200%200%200-12%2010.67C71.75%20131.71%2082.18%20136%2092%20136s20.25-4.29%2026-10.67%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%22M158.66%20188.43a8%208%200%200%201-11.09%202.23C141.07%20186.34%20136%20184%20128%20184s-13.07%202.34-19.57%206.66a8%208%200%200%201-8.86-13.32C108%20171.73%20116.06%20168%20128%20168s20%203.73%2028.43%209.34a8%208%200%200%201%202.23%2011.09M224%2048v55.77c0%2035.84-9.65%2069.65-27.18%2095.18c-18.16%2026.46-42.6%2041-68.82%2041s-50.66-14.57-68.82-41C41.65%20173.44%2032%20139.63%2032%20103.79V48a16%2016%200%200%201%2021.79-14.91C67.84%2038.55%2096.18%2047.71%20128%2047.71s60.15-9.16%2074.21-14.62A16%2016%200%200%201%20224%2048m-16%200c-15.1%205.89-45.57%2015.73-80%2015.73S63.1%2053.87%2048%2048v55.79c0%2032.64%208.66%2063.23%2024.37%2086.13C87.46%20211.9%20107.21%20224%20128%20224s40.54-12.1%2055.63-34.08C199.34%20167%20208%20136.43%20208%20103.79Zm-18.66%2066a8%208%200%200%200-11.3.62c-2.68%203-8.85%205.34-14%205.34s-11.36-2.35-14-5.34A8%208%200%200%200%20138%20125.33c5.71%206.38%2016.14%2010.67%2026%2010.67s20.25-4.29%2026-10.67a8%208%200%200%200-.66-11.33M118%20125.33a8%208%200%200%200-12-10.67c-2.68%203-8.85%205.34-14%205.34s-11.36-2.35-14-5.34a8%208%200%200%200-12%2010.67C71.75%20131.71%2082.18%20136%2092%20136s20.25-4.29%2026-10.67%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/mask-sad.svg?color=%231a73e8&size=48
