mask sad icon
mask-sad-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- mask-sad-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M216 48v55.77C216 174.6 176.6 232 128 232s-88-57.4-88-128.21V48a8 8 0 0 1 10.89-7.47C66 46.41 95.11 55.71 128 55.71s62-9.3 77.11-15.16A8 8 0 0 1 216 48" opacity=".2"/><path 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.09M189.34 114a8 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.33M224 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-90 77.31a8 8 0 0 0-12-10.65c-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.67Z"/></g></svg>
React
import type { SVGProps } from "react";
export function PhMaskSadDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M216 48v55.77C216 174.6 176.6 232 128 232s-88-57.4-88-128.21V48a8 8 0 0 1 10.89-7.47C66 46.41 95.11 55.71 128 55.71s62-9.3 77.11-15.16A8 8 0 0 1 216 48" opacity=".2"/><path 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.09M189.34 114a8 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.33M224 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-90 77.31a8 8 0 0 0-12-10.65c-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.67Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M216 48v55.77C216 174.6 176.6 232 128 232s-88-57.4-88-128.21V48a8 8 0 0 1 10.89-7.47C66 46.41 95.11 55.71 128 55.71s62-9.3 77.11-15.16A8 8 0 0 1 216 48" opacity=".2"/><path 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.09M189.34 114a8 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.33M224 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-90 77.31a8 8 0 0 0-12-10.65c-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.67Z"/></g></svg> </template>
CSS
.icon-mask-sad-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2048v55.77C216%20174.6%20176.6%20232%20128%20232s-88-57.4-88-128.21V48a8%208%200%200%201%2010.89-7.47C66%2046.41%2095.11%2055.71%20128%2055.71s62-9.3%2077.11-15.16A8%208%200%200%201%20216%2048%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.09M189.34%20114a8%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.33M224%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-90%2077.31a8%208%200%200%200-12-10.65c-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.67Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2048v55.77C216%20174.6%20176.6%20232%20128%20232s-88-57.4-88-128.21V48a8%208%200%200%201%2010.89-7.47C66%2046.41%2095.11%2055.71%20128%2055.71s62-9.3%2077.11-15.16A8%208%200%200%201%20216%2048%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.09M189.34%20114a8%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.33M224%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-90%2077.31a8%208%200%200%200-12-10.65c-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.67Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/mask-sad-duotone.svg?color=%231a73e8&size=48
