mask happy icon
mask-happy-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- mask-happy-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More ui icons from Reicon
Use the mask happy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 11.901V6.43c0-2.269 0-3.404-.707-4.024s-1.788-.434-3.95-.061l-1.055.182c-1.64.283-2.46.425-3.288.425s-1.648-.142-3.288-.425l-1.054-.182c-2.162-.373-3.243-.56-3.95.06S3 4.16 3 6.43v5.472c0 5.69 4.239 8.45 6.899 9.622c.721.318 1.082.477 2.101.477c1.02 0 1.38-.159 2.101-.477C16.761 20.351 21 17.59 21 11.901M7.17 9.141c.124-.257.587-.607 1.33-.607s1.206.35 1.33.606a.74.74 0 0 0 1.005.348a.79.79 0 0 0 .336-1.043C10.712 7.494 9.603 6.98 8.5 6.98s-2.212.515-2.67 1.466a.79.79 0 0 0 .335 1.043a.74.74 0 0 0 1.006-.348m8.33-.607c-.743 0-1.206.35-1.33.606a.74.74 0 0 1-1.005.348a.79.79 0 0 1-.336-1.043c.459-.951 1.567-1.466 2.671-1.466s2.212.515 2.67 1.466a.79.79 0 0 1-.335 1.043a.74.74 0 0 1-1.006-.348c-.123-.256-.586-.606-1.329-.606M7.99 14.542a.804.804 0 0 1-.032-1.104a.75.75 0 0 1 1.067-.022l.102.079c.101.071.268.176.507.285c.475.216 1.247.453 2.367.453s1.892-.237 2.367-.453c.239-.109.406-.214.506-.285a2 2 0 0 0 .117-.091l.001-.001a.73.73 0 0 1 1.052.035a.797.797 0 0 1-.026 1.098l-.001.002h-.001l-.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.971.584c-1.33 0-2.308-.282-2.97-.584a4.6 4.6 0 0 1-.752-.427a3 3 0 0 1-.288-.233z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMaskHappyFilled(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" fillRule="evenodd" d="M21 11.901V6.43c0-2.269 0-3.404-.707-4.024s-1.788-.434-3.95-.061l-1.055.182c-1.64.283-2.46.425-3.288.425s-1.648-.142-3.288-.425l-1.054-.182c-2.162-.373-3.243-.56-3.95.06S3 4.16 3 6.43v5.472c0 5.69 4.239 8.45 6.899 9.622c.721.318 1.082.477 2.101.477c1.02 0 1.38-.159 2.101-.477C16.761 20.351 21 17.59 21 11.901M7.17 9.141c.124-.257.587-.607 1.33-.607s1.206.35 1.33.606a.74.74 0 0 0 1.005.348a.79.79 0 0 0 .336-1.043C10.712 7.494 9.603 6.98 8.5 6.98s-2.212.515-2.67 1.466a.79.79 0 0 0 .335 1.043a.74.74 0 0 0 1.006-.348m8.33-.607c-.743 0-1.206.35-1.33.606a.74.74 0 0 1-1.005.348a.79.79 0 0 1-.336-1.043c.459-.951 1.567-1.466 2.671-1.466s2.212.515 2.67 1.466a.79.79 0 0 1-.335 1.043a.74.74 0 0 1-1.006-.348c-.123-.256-.586-.606-1.329-.606M7.99 14.542a.804.804 0 0 1-.032-1.104a.75.75 0 0 1 1.067-.022l.102.079c.101.071.268.176.507.285c.475.216 1.247.453 2.367.453s1.892-.237 2.367-.453c.239-.109.406-.214.506-.285a2 2 0 0 0 .117-.091l.001-.001a.73.73 0 0 1 1.052.035a.797.797 0 0 1-.026 1.098l-.001.002h-.001l-.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.971.584c-1.33 0-2.308-.282-2.97-.584a4.6 4.6 0 0 1-.752-.427a3 3 0 0 1-.288-.233z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 11.901V6.43c0-2.269 0-3.404-.707-4.024s-1.788-.434-3.95-.061l-1.055.182c-1.64.283-2.46.425-3.288.425s-1.648-.142-3.288-.425l-1.054-.182c-2.162-.373-3.243-.56-3.95.06S3 4.16 3 6.43v5.472c0 5.69 4.239 8.45 6.899 9.622c.721.318 1.082.477 2.101.477c1.02 0 1.38-.159 2.101-.477C16.761 20.351 21 17.59 21 11.901M7.17 9.141c.124-.257.587-.607 1.33-.607s1.206.35 1.33.606a.74.74 0 0 0 1.005.348a.79.79 0 0 0 .336-1.043C10.712 7.494 9.603 6.98 8.5 6.98s-2.212.515-2.67 1.466a.79.79 0 0 0 .335 1.043a.74.74 0 0 0 1.006-.348m8.33-.607c-.743 0-1.206.35-1.33.606a.74.74 0 0 1-1.005.348a.79.79 0 0 1-.336-1.043c.459-.951 1.567-1.466 2.671-1.466s2.212.515 2.67 1.466a.79.79 0 0 1-.335 1.043a.74.74 0 0 1-1.006-.348c-.123-.256-.586-.606-1.329-.606M7.99 14.542a.804.804 0 0 1-.032-1.104a.75.75 0 0 1 1.067-.022l.102.079c.101.071.268.176.507.285c.475.216 1.247.453 2.367.453s1.892-.237 2.367-.453c.239-.109.406-.214.506-.285a2 2 0 0 0 .117-.091l.001-.001a.73.73 0 0 1 1.052.035a.797.797 0 0 1-.026 1.098l-.001.002h-.001l-.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.971.584c-1.33 0-2.308-.282-2.97-.584a4.6 4.6 0 0 1-.752-.427a3 3 0 0 1-.288-.233z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-mask-happy-filled {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2011.901V6.43c0-2.269%200-3.404-.707-4.024s-1.788-.434-3.95-.061l-1.055.182c-1.64.283-2.46.425-3.288.425s-1.648-.142-3.288-.425l-1.054-.182c-2.162-.373-3.243-.56-3.95.06S3%204.16%203%206.43v5.472c0%205.69%204.239%208.45%206.899%209.622c.721.318%201.082.477%202.101.477c1.02%200%201.38-.159%202.101-.477C16.761%2020.351%2021%2017.59%2021%2011.901M7.17%209.141c.124-.257.587-.607%201.33-.607s1.206.35%201.33.606a.74.74%200%200%200%201.005.348a.79.79%200%200%200%20.336-1.043C10.712%207.494%209.603%206.98%208.5%206.98s-2.212.515-2.67%201.466a.79.79%200%200%200%20.335%201.043a.74.74%200%200%200%201.006-.348m8.33-.607c-.743%200-1.206.35-1.33.606a.74.74%200%200%201-1.005.348a.79.79%200%200%201-.336-1.043c.459-.951%201.567-1.466%202.671-1.466s2.212.515%202.67%201.466a.79.79%200%200%201-.335%201.043a.74.74%200%200%201-1.006-.348c-.123-.256-.586-.606-1.329-.606M7.99%2014.542a.804.804%200%200%201-.032-1.104a.75.75%200%200%201%201.067-.022l.102.079c.101.071.268.176.507.285c.475.216%201.247.453%202.367.453s1.892-.237%202.367-.453c.239-.109.406-.214.506-.285a2%202%200%200%200%20.117-.091l.001-.001a.73.73%200%200%201%201.052.035a.797.797%200%200%201-.026%201.098l-.001.002h-.001l-.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.971.584c-1.33%200-2.308-.282-2.97-.584a4.6%204.6%200%200%201-.752-.427a3%203%200%200%201-.288-.233z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2011.901V6.43c0-2.269%200-3.404-.707-4.024s-1.788-.434-3.95-.061l-1.055.182c-1.64.283-2.46.425-3.288.425s-1.648-.142-3.288-.425l-1.054-.182c-2.162-.373-3.243-.56-3.95.06S3%204.16%203%206.43v5.472c0%205.69%204.239%208.45%206.899%209.622c.721.318%201.082.477%202.101.477c1.02%200%201.38-.159%202.101-.477C16.761%2020.351%2021%2017.59%2021%2011.901M7.17%209.141c.124-.257.587-.607%201.33-.607s1.206.35%201.33.606a.74.74%200%200%200%201.005.348a.79.79%200%200%200%20.336-1.043C10.712%207.494%209.603%206.98%208.5%206.98s-2.212.515-2.67%201.466a.79.79%200%200%200%20.335%201.043a.74.74%200%200%200%201.006-.348m8.33-.607c-.743%200-1.206.35-1.33.606a.74.74%200%200%201-1.005.348a.79.79%200%200%201-.336-1.043c.459-.951%201.567-1.466%202.671-1.466s2.212.515%202.67%201.466a.79.79%200%200%201-.335%201.043a.74.74%200%200%201-1.006-.348c-.123-.256-.586-.606-1.329-.606M7.99%2014.542a.804.804%200%200%201-.032-1.104a.75.75%200%200%201%201.067-.022l.102.079c.101.071.268.176.507.285c.475.216%201.247.453%202.367.453s1.892-.237%202.367-.453c.239-.109.406-.214.506-.285a2%202%200%200%200%20.117-.091l.001-.001a.73.73%200%200%201%201.052.035a.797.797%200%200%201-.026%201.098l-.001.002h-.001l-.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.971.584c-1.33%200-2.308-.282-2.97-.584a4.6%204.6%200%200%201-.752-.427a3%203%200%200%201-.288-.233z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/mask-happy-filled.svg?color=%231a73e8&size=48
