mask sad icon
mask-sad-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- mask-sad-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the mask sad icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M21 11V12C21 17.4903 16.761 20.1547 14.1014 21.286C13.38 21.5929 13.0193 21.7464 12 21.7464C10.9807 21.7464 10.62 21.5929 9.89856 21.286C7.23896 20.1547 3 17.4903 3 12V6.71888C3 4.52896 3 3.434 3.70725 2.83487C4.4145 2.23574 5.49553 2.41591 7.6576 2.77626L8.71202 2.95199C10.3523 3.22537 11.1724 3.36205 12 3.36205C12.8276 3.36205 13.6477 3.22537 15.288 2.95199L16.3424 2.77626C18.5045 2.41591 19.5855 2.23574 20.2927 2.83487C21 3.434 21 4.52896 21 6.71888V7"/><path d="M6.5 9C6.79112 8.4174 7.57665 8 8.5 8C9.42335 8 10.2089 8.4174 10.5 9"/><path d="M13.5 9C13.7911 8.4174 14.5766 8 15.5 8C16.4234 8 17.2089 8.4174 17.5 9"/><path d="M8.5 15C8.5 15 9.55 14 12 14C14.45 14 15.5 15 15.5 15"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMaskSadBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M21 11V12C21 17.4903 16.761 20.1547 14.1014 21.286C13.38 21.5929 13.0193 21.7464 12 21.7464C10.9807 21.7464 10.62 21.5929 9.89856 21.286C7.23896 20.1547 3 17.4903 3 12V6.71888C3 4.52896 3 3.434 3.70725 2.83487C4.4145 2.23574 5.49553 2.41591 7.6576 2.77626L8.71202 2.95199C10.3523 3.22537 11.1724 3.36205 12 3.36205C12.8276 3.36205 13.6477 3.22537 15.288 2.95199L16.3424 2.77626C18.5045 2.41591 19.5855 2.23574 20.2927 2.83487C21 3.434 21 4.52896 21 6.71888V7"/><path d="M6.5 9C6.79112 8.4174 7.57665 8 8.5 8C9.42335 8 10.2089 8.4174 10.5 9"/><path d="M13.5 9C13.7911 8.4174 14.5766 8 15.5 8C16.4234 8 17.2089 8.4174 17.5 9"/><path d="M8.5 15C8.5 15 9.55 14 12 14C14.45 14 15.5 15 15.5 15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M21 11V12C21 17.4903 16.761 20.1547 14.1014 21.286C13.38 21.5929 13.0193 21.7464 12 21.7464C10.9807 21.7464 10.62 21.5929 9.89856 21.286C7.23896 20.1547 3 17.4903 3 12V6.71888C3 4.52896 3 3.434 3.70725 2.83487C4.4145 2.23574 5.49553 2.41591 7.6576 2.77626L8.71202 2.95199C10.3523 3.22537 11.1724 3.36205 12 3.36205C12.8276 3.36205 13.6477 3.22537 15.288 2.95199L16.3424 2.77626C18.5045 2.41591 19.5855 2.23574 20.2927 2.83487C21 3.434 21 4.52896 21 6.71888V7"/><path d="M6.5 9C6.79112 8.4174 7.57665 8 8.5 8C9.42335 8 10.2089 8.4174 10.5 9"/><path d="M13.5 9C13.7911 8.4174 14.5766 8 15.5 8C16.4234 8 17.2089 8.4174 17.5 9"/><path d="M8.5 15C8.5 15 9.55 14 12 14C14.45 14 15.5 15 15.5 15"/></g></svg> </template>
CSS
.icon-mask-sad-broken {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%2011V12C21%2017.4903%2016.761%2020.1547%2014.1014%2021.286C13.38%2021.5929%2013.0193%2021.7464%2012%2021.7464C10.9807%2021.7464%2010.62%2021.5929%209.89856%2021.286C7.23896%2020.1547%203%2017.4903%203%2012V6.71888C3%204.52896%203%203.434%203.70725%202.83487C4.4145%202.23574%205.49553%202.41591%207.6576%202.77626L8.71202%202.95199C10.3523%203.22537%2011.1724%203.36205%2012%203.36205C12.8276%203.36205%2013.6477%203.22537%2015.288%202.95199L16.3424%202.77626C18.5045%202.41591%2019.5855%202.23574%2020.2927%202.83487C21%203.434%2021%204.52896%2021%206.71888V7%22%2F%3E%3Cpath%20d%3D%22M6.5%209C6.79112%208.4174%207.57665%208%208.5%208C9.42335%208%2010.2089%208.4174%2010.5%209%22%2F%3E%3Cpath%20d%3D%22M13.5%209C13.7911%208.4174%2014.5766%208%2015.5%208C16.4234%208%2017.2089%208.4174%2017.5%209%22%2F%3E%3Cpath%20d%3D%22M8.5%2015C8.5%2015%209.55%2014%2012%2014C14.45%2014%2015.5%2015%2015.5%2015%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%2011V12C21%2017.4903%2016.761%2020.1547%2014.1014%2021.286C13.38%2021.5929%2013.0193%2021.7464%2012%2021.7464C10.9807%2021.7464%2010.62%2021.5929%209.89856%2021.286C7.23896%2020.1547%203%2017.4903%203%2012V6.71888C3%204.52896%203%203.434%203.70725%202.83487C4.4145%202.23574%205.49553%202.41591%207.6576%202.77626L8.71202%202.95199C10.3523%203.22537%2011.1724%203.36205%2012%203.36205C12.8276%203.36205%2013.6477%203.22537%2015.288%202.95199L16.3424%202.77626C18.5045%202.41591%2019.5855%202.23574%2020.2927%202.83487C21%203.434%2021%204.52896%2021%206.71888V7%22%2F%3E%3Cpath%20d%3D%22M6.5%209C6.79112%208.4174%207.57665%208%208.5%208C9.42335%208%2010.2089%208.4174%2010.5%209%22%2F%3E%3Cpath%20d%3D%22M13.5%209C13.7911%208.4174%2014.5766%208%2015.5%208C16.4234%208%2017.2089%208.4174%2017.5%209%22%2F%3E%3Cpath%20d%3D%22M8.5%2015C8.5%2015%209.55%2014%2012%2014C14.45%2014%2015.5%2015%2015.5%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/mask-sad-broken.svg?color=%231a73e8&size=48
