mask happly icon
mask-happly-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- mask-happly-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- 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="M21 6.43v5.47c0 5.69-4.239 8.45-6.899 9.622C13.38 21.841 13.02 22 12 22s-1.38-.159-2.101-.477C7.239 20.351 3 17.59 3 11.901V6.43c0-2.269 0-3.404.707-4.024c.708-.621 1.789-.434 3.95-.061l1.055.182c1.64.283 2.46.425 3.288.425s1.648-.142 3.288-.425l1.054-.182c2.163-.373 3.244-.56 3.95.06C21 3.026 21 4.16 21 6.43" opacity=".5"/><path fill="currentColor" d="M7.171 9.14c.124-.256.586-.606 1.33-.606c.742 0 1.205.35 1.328.606a.74.74 0 0 0 1.006.348a.79.79 0 0 0 .336-1.043c-.459-.95-1.567-1.466-2.67-1.466c-1.104 0-2.213.515-2.672 1.466a.79.79 0 0 0 .336 1.043a.74.74 0 0 0 1.006-.348m8.329-.606c-.743 0-1.206.35-1.329.606a.74.74 0 0 1-1.006.348a.79.79 0 0 1-.336-1.043c.459-.95 1.568-1.466 2.671-1.466c1.104 0 2.212.515 2.671 1.466a.79.79 0 0 1-.336 1.043a.74.74 0 0 1-1.006-.348c-.123-.256-.586-.606-1.329-.606m-7.511 6.008a.804.804 0 0 1-.032-1.104a.75.75 0 0 1 1.067-.022c.02.016.067.053.103.079c.1.071.267.177.506.285c.475.217 1.248.453 2.367.453c1.12 0 1.892-.236 2.367-.453c.239-.108.406-.214.507-.285q.075-.055.102-.079l.014-.012l.001-.001a.73.73 0 0 1 1.052.035a.797.797 0 0 1-.026 1.098v.002h-.002l-.003.004l-.008.007l-.02.019l-.06.052a3 3 0 0 1-.202.156a4.6 4.6 0 0 1-.751.427c-.663.302-1.64.584-2.97.584s-2.309-.282-2.971-.584a4.6 4.6 0 0 1-.752-.427a3 3 0 0 1-.288-.232z"/></svg>
React
import type { SVGProps } from "react";
export function SolarMaskHapplyBoldDuotone(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="M21 6.43v5.47c0 5.69-4.239 8.45-6.899 9.622C13.38 21.841 13.02 22 12 22s-1.38-.159-2.101-.477C7.239 20.351 3 17.59 3 11.901V6.43c0-2.269 0-3.404.707-4.024c.708-.621 1.789-.434 3.95-.061l1.055.182c1.64.283 2.46.425 3.288.425s1.648-.142 3.288-.425l1.054-.182c2.163-.373 3.244-.56 3.95.06C21 3.026 21 4.16 21 6.43" opacity=".5"/><path fill="currentColor" d="M7.171 9.14c.124-.256.586-.606 1.33-.606c.742 0 1.205.35 1.328.606a.74.74 0 0 0 1.006.348a.79.79 0 0 0 .336-1.043c-.459-.95-1.567-1.466-2.67-1.466c-1.104 0-2.213.515-2.672 1.466a.79.79 0 0 0 .336 1.043a.74.74 0 0 0 1.006-.348m8.329-.606c-.743 0-1.206.35-1.329.606a.74.74 0 0 1-1.006.348a.79.79 0 0 1-.336-1.043c.459-.95 1.568-1.466 2.671-1.466c1.104 0 2.212.515 2.671 1.466a.79.79 0 0 1-.336 1.043a.74.74 0 0 1-1.006-.348c-.123-.256-.586-.606-1.329-.606m-7.511 6.008a.804.804 0 0 1-.032-1.104a.75.75 0 0 1 1.067-.022c.02.016.067.053.103.079c.1.071.267.177.506.285c.475.217 1.248.453 2.367.453c1.12 0 1.892-.236 2.367-.453c.239-.108.406-.214.507-.285q.075-.055.102-.079l.014-.012l.001-.001a.73.73 0 0 1 1.052.035a.797.797 0 0 1-.026 1.098v.002h-.002l-.003.004l-.008.007l-.02.019l-.06.052a3 3 0 0 1-.202.156a4.6 4.6 0 0 1-.751.427c-.663.302-1.64.584-2.97.584s-2.309-.282-2.971-.584a4.6 4.6 0 0 1-.752-.427a3 3 0 0 1-.288-.232z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 6.43v5.47c0 5.69-4.239 8.45-6.899 9.622C13.38 21.841 13.02 22 12 22s-1.38-.159-2.101-.477C7.239 20.351 3 17.59 3 11.901V6.43c0-2.269 0-3.404.707-4.024c.708-.621 1.789-.434 3.95-.061l1.055.182c1.64.283 2.46.425 3.288.425s1.648-.142 3.288-.425l1.054-.182c2.163-.373 3.244-.56 3.95.06C21 3.026 21 4.16 21 6.43" opacity=".5"/><path fill="currentColor" d="M7.171 9.14c.124-.256.586-.606 1.33-.606c.742 0 1.205.35 1.328.606a.74.74 0 0 0 1.006.348a.79.79 0 0 0 .336-1.043c-.459-.95-1.567-1.466-2.67-1.466c-1.104 0-2.213.515-2.672 1.466a.79.79 0 0 0 .336 1.043a.74.74 0 0 0 1.006-.348m8.329-.606c-.743 0-1.206.35-1.329.606a.74.74 0 0 1-1.006.348a.79.79 0 0 1-.336-1.043c.459-.95 1.568-1.466 2.671-1.466c1.104 0 2.212.515 2.671 1.466a.79.79 0 0 1-.336 1.043a.74.74 0 0 1-1.006-.348c-.123-.256-.586-.606-1.329-.606m-7.511 6.008a.804.804 0 0 1-.032-1.104a.75.75 0 0 1 1.067-.022c.02.016.067.053.103.079c.1.071.267.177.506.285c.475.217 1.248.453 2.367.453c1.12 0 1.892-.236 2.367-.453c.239-.108.406-.214.507-.285q.075-.055.102-.079l.014-.012l.001-.001a.73.73 0 0 1 1.052.035a.797.797 0 0 1-.026 1.098v.002h-.002l-.003.004l-.008.007l-.02.019l-.06.052a3 3 0 0 1-.202.156a4.6 4.6 0 0 1-.751.427c-.663.302-1.64.584-2.97.584s-2.309-.282-2.971-.584a4.6 4.6 0 0 1-.752-.427a3 3 0 0 1-.288-.232z"/></svg> </template>
CSS
.icon-mask-happly-bold-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%206.43v5.47c0%205.69-4.239%208.45-6.899%209.622C13.38%2021.841%2013.02%2022%2012%2022s-1.38-.159-2.101-.477C7.239%2020.351%203%2017.59%203%2011.901V6.43c0-2.269%200-3.404.707-4.024c.708-.621%201.789-.434%203.95-.061l1.055.182c1.64.283%202.46.425%203.288.425s1.648-.142%203.288-.425l1.054-.182c2.163-.373%203.244-.56%203.95.06C21%203.026%2021%204.16%2021%206.43%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.171%209.14c.124-.256.586-.606%201.33-.606c.742%200%201.205.35%201.328.606a.74.74%200%200%200%201.006.348a.79.79%200%200%200%20.336-1.043c-.459-.95-1.567-1.466-2.67-1.466c-1.104%200-2.213.515-2.672%201.466a.79.79%200%200%200%20.336%201.043a.74.74%200%200%200%201.006-.348m8.329-.606c-.743%200-1.206.35-1.329.606a.74.74%200%200%201-1.006.348a.79.79%200%200%201-.336-1.043c.459-.95%201.568-1.466%202.671-1.466c1.104%200%202.212.515%202.671%201.466a.79.79%200%200%201-.336%201.043a.74.74%200%200%201-1.006-.348c-.123-.256-.586-.606-1.329-.606m-7.511%206.008a.804.804%200%200%201-.032-1.104a.75.75%200%200%201%201.067-.022c.02.016.067.053.103.079c.1.071.267.177.506.285c.475.217%201.248.453%202.367.453c1.12%200%201.892-.236%202.367-.453c.239-.108.406-.214.507-.285q.075-.055.102-.079l.014-.012l.001-.001a.73.73%200%200%201%201.052.035a.797.797%200%200%201-.026%201.098v.002h-.002l-.003.004l-.008.007l-.02.019l-.06.052a3%203%200%200%201-.202.156a4.6%204.6%200%200%201-.751.427c-.663.302-1.64.584-2.97.584s-2.309-.282-2.971-.584a4.6%204.6%200%200%201-.752-.427a3%203%200%200%201-.288-.232z%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%22M21%206.43v5.47c0%205.69-4.239%208.45-6.899%209.622C13.38%2021.841%2013.02%2022%2012%2022s-1.38-.159-2.101-.477C7.239%2020.351%203%2017.59%203%2011.901V6.43c0-2.269%200-3.404.707-4.024c.708-.621%201.789-.434%203.95-.061l1.055.182c1.64.283%202.46.425%203.288.425s1.648-.142%203.288-.425l1.054-.182c2.163-.373%203.244-.56%203.95.06C21%203.026%2021%204.16%2021%206.43%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.171%209.14c.124-.256.586-.606%201.33-.606c.742%200%201.205.35%201.328.606a.74.74%200%200%200%201.006.348a.79.79%200%200%200%20.336-1.043c-.459-.95-1.567-1.466-2.67-1.466c-1.104%200-2.213.515-2.672%201.466a.79.79%200%200%200%20.336%201.043a.74.74%200%200%200%201.006-.348m8.329-.606c-.743%200-1.206.35-1.329.606a.74.74%200%200%201-1.006.348a.79.79%200%200%201-.336-1.043c.459-.95%201.568-1.466%202.671-1.466c1.104%200%202.212.515%202.671%201.466a.79.79%200%200%201-.336%201.043a.74.74%200%200%201-1.006-.348c-.123-.256-.586-.606-1.329-.606m-7.511%206.008a.804.804%200%200%201-.032-1.104a.75.75%200%200%201%201.067-.022c.02.016.067.053.103.079c.1.071.267.177.506.285c.475.217%201.248.453%202.367.453c1.12%200%201.892-.236%202.367-.453c.239-.108.406-.214.507-.285q.075-.055.102-.079l.014-.012l.001-.001a.73.73%200%200%201%201.052.035a.797.797%200%200%201-.026%201.098v.002h-.002l-.003.004l-.008.007l-.02.019l-.06.052a3%203%200%200%201-.202.156a4.6%204.6%200%200%201-.751.427c-.663.302-1.64.584-2.97.584s-2.309-.282-2.971-.584a4.6%204.6%200%200%201-.752-.427a3%203%200%200%201-.288-.232z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/mask-happly-bold-duotone.svg?color=%231a73e8&size=48
