mask happly icon
mask-happly-outline from Solar by 480 Design · Outline · CC-BY-4.0 Attribution required.
- Name
- mask-happly-outline
- Set
- Solar
- Style
- Outline
- Viewbox
- 24×24
- License
- CC BY 4.0
1 other variant in Solar
Related icons in Solar
Use the mask happly icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.17 9.335c.124-.247.587-.585 1.33-.585s1.206.338 1.33.585a.75.75 0 1 0 1.34-.67C10.713 7.747 9.604 7.25 8.5 7.25s-2.212.497-2.67 1.415a.75.75 0 1 0 1.34.67m8.33-.585c-.743 0-1.206.338-1.33.585a.75.75 0 0 1-1.34-.67c.458-.918 1.566-1.415 2.67-1.415s2.212.497 2.67 1.415a.75.75 0 1 1-1.34.67c-.124-.247-.587-.585-1.33-.585"/><path fill="currentColor" fill-rule="evenodd" d="m8.835 2.212l-1.11-.185c-1.033-.172-1.888-.315-2.57-.331c-.716-.017-1.379.098-1.933.567c-.553.468-.776 1.104-.876 1.812c-.096.675-.096 1.54-.096 2.587V12c0 5.964 4.624 8.814 7.355 9.976l.027.012c.34.144.658.28 1.024.371c.386.096.796.137 1.344.137s.958-.04 1.344-.137c.366-.091.684-.227 1.024-.372l.027-.01c2.731-1.163 7.355-4.013 7.355-9.977V6.662c0-1.047 0-1.912-.096-2.587c-.1-.709-.323-1.344-.876-1.812c-.554-.47-1.217-.584-1.933-.567c-.682.016-1.537.159-2.57.331l-1.11.185c-1.664.277-2.414.4-3.165.4s-1.501-.123-3.165-.4M4.192 3.407c.154-.13.384-.225.927-.211c.563.013 1.312.136 2.415.32l1.128.188c1.57.262 2.448.408 3.338.408s1.767-.146 3.338-.408l1.128-.188c1.103-.184 1.852-.307 2.415-.32c.543-.014.773.08.927.211c.154.13.285.342.361.879c.08.557.081 1.315.081 2.433V12c0 5.017-3.854 7.495-6.442 8.596c-.371.158-.587.248-.827.308c-.23.057-.51.092-.981.092s-.751-.035-.981-.092c-.24-.06-.456-.15-.827-.308C7.604 19.495 3.75 17.016 3.75 12V6.719c0-1.118.002-1.876.081-2.433c.076-.537.207-.749.361-.879" clip-rule="evenodd"/><path fill="currentColor" d="M7.957 13.483a.753.753 0 0 0 .028 1.063l.03.027l.06.05q.075.062.203.152c.173.118.422.266.751.412c.663.29 1.64.563 2.971.563c1.33 0 2.308-.272 2.97-.563c.33-.146.58-.294.752-.412a3 3 0 0 0 .262-.202l.02-.018l.008-.006l.003-.003l.001-.002h.001a.75.75 0 0 0-1.026-1.095l-.006.005l-.01.008l-.101.076c-.101.069-.268.17-.507.275c-.475.21-1.247.437-2.367.437s-1.892-.228-2.367-.437a3 3 0 0 1-.59-.335l-.019-.016l-.014-.012a.75.75 0 0 0-1.053.033"/></svg>
React
import type { SVGProps } from "react";
export function SolarMaskHapplyOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.17 9.335c.124-.247.587-.585 1.33-.585s1.206.338 1.33.585a.75.75 0 1 0 1.34-.67C10.713 7.747 9.604 7.25 8.5 7.25s-2.212.497-2.67 1.415a.75.75 0 1 0 1.34.67m8.33-.585c-.743 0-1.206.338-1.33.585a.75.75 0 0 1-1.34-.67c.458-.918 1.566-1.415 2.67-1.415s2.212.497 2.67 1.415a.75.75 0 1 1-1.34.67c-.124-.247-.587-.585-1.33-.585"/><path fill="currentColor" fillRule="evenodd" d="m8.835 2.212l-1.11-.185c-1.033-.172-1.888-.315-2.57-.331c-.716-.017-1.379.098-1.933.567c-.553.468-.776 1.104-.876 1.812c-.096.675-.096 1.54-.096 2.587V12c0 5.964 4.624 8.814 7.355 9.976l.027.012c.34.144.658.28 1.024.371c.386.096.796.137 1.344.137s.958-.04 1.344-.137c.366-.091.684-.227 1.024-.372l.027-.01c2.731-1.163 7.355-4.013 7.355-9.977V6.662c0-1.047 0-1.912-.096-2.587c-.1-.709-.323-1.344-.876-1.812c-.554-.47-1.217-.584-1.933-.567c-.682.016-1.537.159-2.57.331l-1.11.185c-1.664.277-2.414.4-3.165.4s-1.501-.123-3.165-.4M4.192 3.407c.154-.13.384-.225.927-.211c.563.013 1.312.136 2.415.32l1.128.188c1.57.262 2.448.408 3.338.408s1.767-.146 3.338-.408l1.128-.188c1.103-.184 1.852-.307 2.415-.32c.543-.014.773.08.927.211c.154.13.285.342.361.879c.08.557.081 1.315.081 2.433V12c0 5.017-3.854 7.495-6.442 8.596c-.371.158-.587.248-.827.308c-.23.057-.51.092-.981.092s-.751-.035-.981-.092c-.24-.06-.456-.15-.827-.308C7.604 19.495 3.75 17.016 3.75 12V6.719c0-1.118.002-1.876.081-2.433c.076-.537.207-.749.361-.879" clipRule="evenodd"/><path fill="currentColor" d="M7.957 13.483a.753.753 0 0 0 .028 1.063l.03.027l.06.05q.075.062.203.152c.173.118.422.266.751.412c.663.29 1.64.563 2.971.563c1.33 0 2.308-.272 2.97-.563c.33-.146.58-.294.752-.412a3 3 0 0 0 .262-.202l.02-.018l.008-.006l.003-.003l.001-.002h.001a.75.75 0 0 0-1.026-1.095l-.006.005l-.01.008l-.101.076c-.101.069-.268.17-.507.275c-.475.21-1.247.437-2.367.437s-1.892-.228-2.367-.437a3 3 0 0 1-.59-.335l-.019-.016l-.014-.012a.75.75 0 0 0-1.053.033"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.17 9.335c.124-.247.587-.585 1.33-.585s1.206.338 1.33.585a.75.75 0 1 0 1.34-.67C10.713 7.747 9.604 7.25 8.5 7.25s-2.212.497-2.67 1.415a.75.75 0 1 0 1.34.67m8.33-.585c-.743 0-1.206.338-1.33.585a.75.75 0 0 1-1.34-.67c.458-.918 1.566-1.415 2.67-1.415s2.212.497 2.67 1.415a.75.75 0 1 1-1.34.67c-.124-.247-.587-.585-1.33-.585"/><path fill="currentColor" fill-rule="evenodd" d="m8.835 2.212l-1.11-.185c-1.033-.172-1.888-.315-2.57-.331c-.716-.017-1.379.098-1.933.567c-.553.468-.776 1.104-.876 1.812c-.096.675-.096 1.54-.096 2.587V12c0 5.964 4.624 8.814 7.355 9.976l.027.012c.34.144.658.28 1.024.371c.386.096.796.137 1.344.137s.958-.04 1.344-.137c.366-.091.684-.227 1.024-.372l.027-.01c2.731-1.163 7.355-4.013 7.355-9.977V6.662c0-1.047 0-1.912-.096-2.587c-.1-.709-.323-1.344-.876-1.812c-.554-.47-1.217-.584-1.933-.567c-.682.016-1.537.159-2.57.331l-1.11.185c-1.664.277-2.414.4-3.165.4s-1.501-.123-3.165-.4M4.192 3.407c.154-.13.384-.225.927-.211c.563.013 1.312.136 2.415.32l1.128.188c1.57.262 2.448.408 3.338.408s1.767-.146 3.338-.408l1.128-.188c1.103-.184 1.852-.307 2.415-.32c.543-.014.773.08.927.211c.154.13.285.342.361.879c.08.557.081 1.315.081 2.433V12c0 5.017-3.854 7.495-6.442 8.596c-.371.158-.587.248-.827.308c-.23.057-.51.092-.981.092s-.751-.035-.981-.092c-.24-.06-.456-.15-.827-.308C7.604 19.495 3.75 17.016 3.75 12V6.719c0-1.118.002-1.876.081-2.433c.076-.537.207-.749.361-.879" clip-rule="evenodd"/><path fill="currentColor" d="M7.957 13.483a.753.753 0 0 0 .028 1.063l.03.027l.06.05q.075.062.203.152c.173.118.422.266.751.412c.663.29 1.64.563 2.971.563c1.33 0 2.308-.272 2.97-.563c.33-.146.58-.294.752-.412a3 3 0 0 0 .262-.202l.02-.018l.008-.006l.003-.003l.001-.002h.001a.75.75 0 0 0-1.026-1.095l-.006.005l-.01.008l-.101.076c-.101.069-.268.17-.507.275c-.475.21-1.247.437-2.367.437s-1.892-.228-2.367-.437a3 3 0 0 1-.59-.335l-.019-.016l-.014-.012a.75.75 0 0 0-1.053.033"/></svg> </template>
CSS
.icon-mask-happly-outline {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.17%209.335c.124-.247.587-.585%201.33-.585s1.206.338%201.33.585a.75.75%200%201%200%201.34-.67C10.713%207.747%209.604%207.25%208.5%207.25s-2.212.497-2.67%201.415a.75.75%200%201%200%201.34.67m8.33-.585c-.743%200-1.206.338-1.33.585a.75.75%200%200%201-1.34-.67c.458-.918%201.566-1.415%202.67-1.415s2.212.497%202.67%201.415a.75.75%200%201%201-1.34.67c-.124-.247-.587-.585-1.33-.585%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m8.835%202.212l-1.11-.185c-1.033-.172-1.888-.315-2.57-.331c-.716-.017-1.379.098-1.933.567c-.553.468-.776%201.104-.876%201.812c-.096.675-.096%201.54-.096%202.587V12c0%205.964%204.624%208.814%207.355%209.976l.027.012c.34.144.658.28%201.024.371c.386.096.796.137%201.344.137s.958-.04%201.344-.137c.366-.091.684-.227%201.024-.372l.027-.01c2.731-1.163%207.355-4.013%207.355-9.977V6.662c0-1.047%200-1.912-.096-2.587c-.1-.709-.323-1.344-.876-1.812c-.554-.47-1.217-.584-1.933-.567c-.682.016-1.537.159-2.57.331l-1.11.185c-1.664.277-2.414.4-3.165.4s-1.501-.123-3.165-.4M4.192%203.407c.154-.13.384-.225.927-.211c.563.013%201.312.136%202.415.32l1.128.188c1.57.262%202.448.408%203.338.408s1.767-.146%203.338-.408l1.128-.188c1.103-.184%201.852-.307%202.415-.32c.543-.014.773.08.927.211c.154.13.285.342.361.879c.08.557.081%201.315.081%202.433V12c0%205.017-3.854%207.495-6.442%208.596c-.371.158-.587.248-.827.308c-.23.057-.51.092-.981.092s-.751-.035-.981-.092c-.24-.06-.456-.15-.827-.308C7.604%2019.495%203.75%2017.016%203.75%2012V6.719c0-1.118.002-1.876.081-2.433c.076-.537.207-.749.361-.879%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.957%2013.483a.753.753%200%200%200%20.028%201.063l.03.027l.06.05q.075.062.203.152c.173.118.422.266.751.412c.663.29%201.64.563%202.971.563c1.33%200%202.308-.272%202.97-.563c.33-.146.58-.294.752-.412a3%203%200%200%200%20.262-.202l.02-.018l.008-.006l.003-.003l.001-.002h.001a.75.75%200%200%200-1.026-1.095l-.006.005l-.01.008l-.101.076c-.101.069-.268.17-.507.275c-.475.21-1.247.437-2.367.437s-1.892-.228-2.367-.437a3%203%200%200%201-.59-.335l-.019-.016l-.014-.012a.75.75%200%200%200-1.053.033%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.17%209.335c.124-.247.587-.585%201.33-.585s1.206.338%201.33.585a.75.75%200%201%200%201.34-.67C10.713%207.747%209.604%207.25%208.5%207.25s-2.212.497-2.67%201.415a.75.75%200%201%200%201.34.67m8.33-.585c-.743%200-1.206.338-1.33.585a.75.75%200%200%201-1.34-.67c.458-.918%201.566-1.415%202.67-1.415s2.212.497%202.67%201.415a.75.75%200%201%201-1.34.67c-.124-.247-.587-.585-1.33-.585%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m8.835%202.212l-1.11-.185c-1.033-.172-1.888-.315-2.57-.331c-.716-.017-1.379.098-1.933.567c-.553.468-.776%201.104-.876%201.812c-.096.675-.096%201.54-.096%202.587V12c0%205.964%204.624%208.814%207.355%209.976l.027.012c.34.144.658.28%201.024.371c.386.096.796.137%201.344.137s.958-.04%201.344-.137c.366-.091.684-.227%201.024-.372l.027-.01c2.731-1.163%207.355-4.013%207.355-9.977V6.662c0-1.047%200-1.912-.096-2.587c-.1-.709-.323-1.344-.876-1.812c-.554-.47-1.217-.584-1.933-.567c-.682.016-1.537.159-2.57.331l-1.11.185c-1.664.277-2.414.4-3.165.4s-1.501-.123-3.165-.4M4.192%203.407c.154-.13.384-.225.927-.211c.563.013%201.312.136%202.415.32l1.128.188c1.57.262%202.448.408%203.338.408s1.767-.146%203.338-.408l1.128-.188c1.103-.184%201.852-.307%202.415-.32c.543-.014.773.08.927.211c.154.13.285.342.361.879c.08.557.081%201.315.081%202.433V12c0%205.017-3.854%207.495-6.442%208.596c-.371.158-.587.248-.827.308c-.23.057-.51.092-.981.092s-.751-.035-.981-.092c-.24-.06-.456-.15-.827-.308C7.604%2019.495%203.75%2017.016%203.75%2012V6.719c0-1.118.002-1.876.081-2.433c.076-.537.207-.749.361-.879%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.957%2013.483a.753.753%200%200%200%20.028%201.063l.03.027l.06.05q.075.062.203.152c.173.118.422.266.751.412c.663.29%201.64.563%202.971.563c1.33%200%202.308-.272%202.97-.563c.33-.146.58-.294.752-.412a3%203%200%200%200%20.262-.202l.02-.018l.008-.006l.003-.003l.001-.002h.001a.75.75%200%200%200-1.026-1.095l-.006.005l-.01.008l-.101.076c-.101.069-.268.17-.507.275c-.475.21-1.247.437-2.367.437s-1.892-.228-2.367-.437a3%203%200%200%201-.59-.335l-.019-.016l-.014-.012a.75.75%200%200%200-1.053.033%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/mask-happly-outline.svg?color=%231a73e8&size=48
