mask sad icon
mask-sad-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- mask-sad-line-duotone
- Set
- Solar
- Style
- Line Duotone
- 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-width="1.5"><path d="M21 12V6.71888C21 4.52896 21 3.434 20.2927 2.83487C19.5855 2.23574 18.5045 2.41591 16.3424 2.77626L15.288 2.95199C13.6477 3.22537 12.8276 3.36205 12 3.36205C11.1724 3.36205 10.3523 3.22537 8.71202 2.95199L7.6576 2.77626C5.49553 2.41591 4.4145 2.23574 3.70725 2.83487C3 3.434 3 4.52896 3 6.71888V12C3 17.4903 7.23896 20.1547 9.89856 21.286C10.62 21.5929 10.9807 21.7464 12 21.7464C13.0193 21.7464 13.38 21.5929 14.1014 21.286C16.761 20.1547 21 17.4903 21 12Z" opacity=".5"/><path stroke-linecap="round" d="M6.5 9C6.79112 8.4174 7.57665 8 8.5 8C9.42335 8 10.2089 8.4174 10.5 9"/><path stroke-linecap="round" d="M13.5 9C13.7911 8.4174 14.5766 8 15.5 8C16.4234 8 17.2089 8.4174 17.5 9"/><path stroke-linecap="round" 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 SolarMaskSadLineDuotone(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" strokeWidth="1.5"><path d="M21 12V6.71888C21 4.52896 21 3.434 20.2927 2.83487C19.5855 2.23574 18.5045 2.41591 16.3424 2.77626L15.288 2.95199C13.6477 3.22537 12.8276 3.36205 12 3.36205C11.1724 3.36205 10.3523 3.22537 8.71202 2.95199L7.6576 2.77626C5.49553 2.41591 4.4145 2.23574 3.70725 2.83487C3 3.434 3 4.52896 3 6.71888V12C3 17.4903 7.23896 20.1547 9.89856 21.286C10.62 21.5929 10.9807 21.7464 12 21.7464C13.0193 21.7464 13.38 21.5929 14.1014 21.286C16.761 20.1547 21 17.4903 21 12Z" opacity=".5"/><path strokeLinecap="round" d="M6.5 9C6.79112 8.4174 7.57665 8 8.5 8C9.42335 8 10.2089 8.4174 10.5 9"/><path strokeLinecap="round" d="M13.5 9C13.7911 8.4174 14.5766 8 15.5 8C16.4234 8 17.2089 8.4174 17.5 9"/><path strokeLinecap="round" 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-width="1.5"><path d="M21 12V6.71888C21 4.52896 21 3.434 20.2927 2.83487C19.5855 2.23574 18.5045 2.41591 16.3424 2.77626L15.288 2.95199C13.6477 3.22537 12.8276 3.36205 12 3.36205C11.1724 3.36205 10.3523 3.22537 8.71202 2.95199L7.6576 2.77626C5.49553 2.41591 4.4145 2.23574 3.70725 2.83487C3 3.434 3 4.52896 3 6.71888V12C3 17.4903 7.23896 20.1547 9.89856 21.286C10.62 21.5929 10.9807 21.7464 12 21.7464C13.0193 21.7464 13.38 21.5929 14.1014 21.286C16.761 20.1547 21 17.4903 21 12Z" opacity=".5"/><path stroke-linecap="round" d="M6.5 9C6.79112 8.4174 7.57665 8 8.5 8C9.42335 8 10.2089 8.4174 10.5 9"/><path stroke-linecap="round" d="M13.5 9C13.7911 8.4174 14.5766 8 15.5 8C16.4234 8 17.2089 8.4174 17.5 9"/><path stroke-linecap="round" 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-line-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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%2012V6.71888C21%204.52896%2021%203.434%2020.2927%202.83487C19.5855%202.23574%2018.5045%202.41591%2016.3424%202.77626L15.288%202.95199C13.6477%203.22537%2012.8276%203.36205%2012%203.36205C11.1724%203.36205%2010.3523%203.22537%208.71202%202.95199L7.6576%202.77626C5.49553%202.41591%204.4145%202.23574%203.70725%202.83487C3%203.434%203%204.52896%203%206.71888V12C3%2017.4903%207.23896%2020.1547%209.89856%2021.286C10.62%2021.5929%2010.9807%2021.7464%2012%2021.7464C13.0193%2021.7464%2013.38%2021.5929%2014.1014%2021.286C16.761%2020.1547%2021%2017.4903%2021%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20stroke-linecap%3D%22round%22%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%20stroke-linecap%3D%22round%22%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%2012V6.71888C21%204.52896%2021%203.434%2020.2927%202.83487C19.5855%202.23574%2018.5045%202.41591%2016.3424%202.77626L15.288%202.95199C13.6477%203.22537%2012.8276%203.36205%2012%203.36205C11.1724%203.36205%2010.3523%203.22537%208.71202%202.95199L7.6576%202.77626C5.49553%202.41591%204.4145%202.23574%203.70725%202.83487C3%203.434%203%204.52896%203%206.71888V12C3%2017.4903%207.23896%2020.1547%209.89856%2021.286C10.62%2021.5929%2010.9807%2021.7464%2012%2021.7464C13.0193%2021.7464%2013.38%2021.5929%2014.1014%2021.286C16.761%2020.1547%2021%2017.4903%2021%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20stroke-linecap%3D%22round%22%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%20stroke-linecap%3D%22round%22%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-line-duotone.svg?color=%231a73e8&size=48
