mask sad icon
mask-sad-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- mask-sad-fill
- Set
- Phosphor
- Style
- Fill
- 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="M217 34.8a15.94 15.94 0 0 0-14.82-1.71c-14.03 5.46-42.36 14.62-74.18 14.62s-60.16-9.16-74.21-14.62A16 16 0 0 0 32 48v55.77c0 35.84 9.65 69.65 27.18 95.18c18.16 26.46 42.6 41 68.82 41s50.66-14.57 68.82-41c17.53-25.51 27.18-59.32 27.18-95.16V48a16 16 0 0 0-7-13.2M66 125.33a8 8 0 0 1 12-10.67c2.68 3 8.85 5.34 14 5.34s11.36-2.35 14-5.34a8 8 0 0 1 12 10.67c-5.75 6.38-16.18 10.67-26 10.67s-20.25-4.29-26-10.67m92.62 63.1A8 8 0 0 1 152 192a7.9 7.9 0 0 1-4.42-1.34C141.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.09Zm31.3-63.1c-5.71 6.38-16.14 10.67-26 10.67s-20.25-4.29-26-10.67A8 8 0 0 1 150 114.66c2.68 3 8.85 5.34 14 5.34s11.36-2.35 14-5.34a8 8 0 0 1 12 10.67Z"/></svg>
React
import type { SVGProps } from "react";
export function PhMaskSadFill(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="M217 34.8a15.94 15.94 0 0 0-14.82-1.71c-14.03 5.46-42.36 14.62-74.18 14.62s-60.16-9.16-74.21-14.62A16 16 0 0 0 32 48v55.77c0 35.84 9.65 69.65 27.18 95.18c18.16 26.46 42.6 41 68.82 41s50.66-14.57 68.82-41c17.53-25.51 27.18-59.32 27.18-95.16V48a16 16 0 0 0-7-13.2M66 125.33a8 8 0 0 1 12-10.67c2.68 3 8.85 5.34 14 5.34s11.36-2.35 14-5.34a8 8 0 0 1 12 10.67c-5.75 6.38-16.18 10.67-26 10.67s-20.25-4.29-26-10.67m92.62 63.1A8 8 0 0 1 152 192a7.9 7.9 0 0 1-4.42-1.34C141.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.09Zm31.3-63.1c-5.71 6.38-16.14 10.67-26 10.67s-20.25-4.29-26-10.67A8 8 0 0 1 150 114.66c2.68 3 8.85 5.34 14 5.34s11.36-2.35 14-5.34a8 8 0 0 1 12 10.67Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M217 34.8a15.94 15.94 0 0 0-14.82-1.71c-14.03 5.46-42.36 14.62-74.18 14.62s-60.16-9.16-74.21-14.62A16 16 0 0 0 32 48v55.77c0 35.84 9.65 69.65 27.18 95.18c18.16 26.46 42.6 41 68.82 41s50.66-14.57 68.82-41c17.53-25.51 27.18-59.32 27.18-95.16V48a16 16 0 0 0-7-13.2M66 125.33a8 8 0 0 1 12-10.67c2.68 3 8.85 5.34 14 5.34s11.36-2.35 14-5.34a8 8 0 0 1 12 10.67c-5.75 6.38-16.18 10.67-26 10.67s-20.25-4.29-26-10.67m92.62 63.1A8 8 0 0 1 152 192a7.9 7.9 0 0 1-4.42-1.34C141.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.09Zm31.3-63.1c-5.71 6.38-16.14 10.67-26 10.67s-20.25-4.29-26-10.67A8 8 0 0 1 150 114.66c2.68 3 8.85 5.34 14 5.34s11.36-2.35 14-5.34a8 8 0 0 1 12 10.67Z"/></svg> </template>
CSS
.icon-mask-sad-fill {
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%22M217%2034.8a15.94%2015.94%200%200%200-14.82-1.71c-14.03%205.46-42.36%2014.62-74.18%2014.62s-60.16-9.16-74.21-14.62A16%2016%200%200%200%2032%2048v55.77c0%2035.84%209.65%2069.65%2027.18%2095.18c18.16%2026.46%2042.6%2041%2068.82%2041s50.66-14.57%2068.82-41c17.53-25.51%2027.18-59.32%2027.18-95.16V48a16%2016%200%200%200-7-13.2M66%20125.33a8%208%200%200%201%2012-10.67c2.68%203%208.85%205.34%2014%205.34s11.36-2.35%2014-5.34a8%208%200%200%201%2012%2010.67c-5.75%206.38-16.18%2010.67-26%2010.67s-20.25-4.29-26-10.67m92.62%2063.1A8%208%200%200%201%20152%20192a7.9%207.9%200%200%201-4.42-1.34C141.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.09Zm31.3-63.1c-5.71%206.38-16.14%2010.67-26%2010.67s-20.25-4.29-26-10.67A8%208%200%200%201%20150%20114.66c2.68%203%208.85%205.34%2014%205.34s11.36-2.35%2014-5.34a8%208%200%200%201%2012%2010.67Z%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%22M217%2034.8a15.94%2015.94%200%200%200-14.82-1.71c-14.03%205.46-42.36%2014.62-74.18%2014.62s-60.16-9.16-74.21-14.62A16%2016%200%200%200%2032%2048v55.77c0%2035.84%209.65%2069.65%2027.18%2095.18c18.16%2026.46%2042.6%2041%2068.82%2041s50.66-14.57%2068.82-41c17.53-25.51%2027.18-59.32%2027.18-95.16V48a16%2016%200%200%200-7-13.2M66%20125.33a8%208%200%200%201%2012-10.67c2.68%203%208.85%205.34%2014%205.34s11.36-2.35%2014-5.34a8%208%200%200%201%2012%2010.67c-5.75%206.38-16.18%2010.67-26%2010.67s-20.25-4.29-26-10.67m92.62%2063.1A8%208%200%200%201%20152%20192a7.9%207.9%200%200%201-4.42-1.34C141.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.09Zm31.3-63.1c-5.71%206.38-16.14%2010.67-26%2010.67s-20.25-4.29-26-10.67A8%208%200%200%201%20150%20114.66c2.68%203%208.85%205.34%2014%205.34s11.36-2.35%2014-5.34a8%208%200%200%201%2012%2010.67Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/mask-sad-fill.svg?color=%231a73e8&size=48
