masked icon
masked from Health Icons by Resolve to Save Lives · Filled · Emotions · MIT Free for personal and commercial use.
- Name
- masked
- Set
- Health Icons
- Style
- Filled
- Category
- Emotions
- Viewbox
- 48×48
- License
- MIT
- Aliases
- masked2x-outline
3 other variants in Health Icons
More emotions icons from Health Icons
Use the masked icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M18 30h12v2H18zm12 4H18v2h12zm-8.698-11.558c.13-.358.091-.795-.016-1.193a4.2 4.2 0 0 0-.61-1.28c-.581-.829-1.544-1.59-2.845-1.646c-1.347-.056-2.353.799-2.973 1.706a5.6 5.6 0 0 0-.695 1.416c-.143.446-.219.902-.169 1.267a.5.5 0 0 0 .766.352c.4-.256.819-.607 1.207-.931c.176-.148.347-.29.505-.415c.562-.444 1-.697 1.363-.715c.344-.017.742.18 1.244.556c.18.134.353.276.534.424l.195.159c.244.197.504.399.766.557a.5.5 0 0 0 .728-.257m5.311 0c-.13-.358-.09-.795.017-1.193c.112-.416.319-.863.61-1.28c.58-.829 1.544-1.59 2.845-1.646c1.346-.056 2.353.799 2.973 1.706c.314.46.548.958.695 1.416c.142.446.218.902.168 1.267a.5.5 0 0 1-.765.352c-.4-.256-.82-.607-1.207-.931a25 25 0 0 0-.505-.415c-.563-.444-1-.697-1.363-.715c-.344-.017-.743.18-1.244.556c-.18.134-.354.276-.534.424l-.196.159a7 7 0 0 1-.765.557a.5.5 0 0 1-.729-.257"/><path fill-rule="evenodd" d="M41.853 26.315a17.95 17.95 0 0 1-5.336 10.62L36.5 37q-.28.243-.564.473A17.93 17.93 0 0 1 24 42a17.92 17.92 0 0 1-10.875-3.655q-.57-.4-1.125-.845l-.039-.118a17.97 17.97 0 0 1-5.792-10.904c-.902-.656-1.677-1.582-1.834-2.864c-.194-1.59.612-3.345 2.434-5.296a1 1 0 0 1 .203-.168C9.4 11.08 16.107 6 24 6c7.984 0 14.754 5.198 17.11 12.395c1.771 1.92 2.554 3.65 2.362 5.219c-.144 1.179-.812 2.057-1.62 2.701M14.308 36.732c6.38 4.468 14.025 4.323 20.332-.783l.081-.073c.41-1.665.6-2.88.567-4.037c-.03-1.042-.242-2.131-.755-3.531c-4.117-.863-7.348-1.296-10.54-1.308c-3.17-.011-6.378.393-10.443 1.279c-.449 1.487-.637 2.644-.633 3.752c.005 1.217.242 2.494.777 4.21q.3.252.614.491m-3.316-3.412c-.18-1.622-.036-3.135.451-4.948a19 19 0 0 1-.913-.166c-.625-.13-1.37-.318-2.12-.588a15.9 15.9 0 0 0 2.582 5.702m24.524-6.848c-8.94-1.919-14.151-2.01-23.116.013l-.27-.034a17 17 0 0 1-1.193-.204c-.911-.189-1.989-.492-2.887-.956A16 16 0 0 1 8 24c0-8.837 7.164-16 16-16s16 7.163 16 16q0 .597-.043 1.183l-.012.007c-.933.52-2.1.855-3.075 1.057a17 17 0 0 1-1.353.225m1.138 1.852c.547 1.693.716 3.113.605 4.632a15.9 15.9 0 0 0 2.347-5.416a15.6 15.6 0 0 1-2.33.666q-.333.069-.622.118" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMasked(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M18 30h12v2H18zm12 4H18v2h12zm-8.698-11.558c.13-.358.091-.795-.016-1.193a4.2 4.2 0 0 0-.61-1.28c-.581-.829-1.544-1.59-2.845-1.646c-1.347-.056-2.353.799-2.973 1.706a5.6 5.6 0 0 0-.695 1.416c-.143.446-.219.902-.169 1.267a.5.5 0 0 0 .766.352c.4-.256.819-.607 1.207-.931c.176-.148.347-.29.505-.415c.562-.444 1-.697 1.363-.715c.344-.017.742.18 1.244.556c.18.134.353.276.534.424l.195.159c.244.197.504.399.766.557a.5.5 0 0 0 .728-.257m5.311 0c-.13-.358-.09-.795.017-1.193c.112-.416.319-.863.61-1.28c.58-.829 1.544-1.59 2.845-1.646c1.346-.056 2.353.799 2.973 1.706c.314.46.548.958.695 1.416c.142.446.218.902.168 1.267a.5.5 0 0 1-.765.352c-.4-.256-.82-.607-1.207-.931a25 25 0 0 0-.505-.415c-.563-.444-1-.697-1.363-.715c-.344-.017-.743.18-1.244.556c-.18.134-.354.276-.534.424l-.196.159a7 7 0 0 1-.765.557a.5.5 0 0 1-.729-.257"/><path fillRule="evenodd" d="M41.853 26.315a17.95 17.95 0 0 1-5.336 10.62L36.5 37q-.28.243-.564.473A17.93 17.93 0 0 1 24 42a17.92 17.92 0 0 1-10.875-3.655q-.57-.4-1.125-.845l-.039-.118a17.97 17.97 0 0 1-5.792-10.904c-.902-.656-1.677-1.582-1.834-2.864c-.194-1.59.612-3.345 2.434-5.296a1 1 0 0 1 .203-.168C9.4 11.08 16.107 6 24 6c7.984 0 14.754 5.198 17.11 12.395c1.771 1.92 2.554 3.65 2.362 5.219c-.144 1.179-.812 2.057-1.62 2.701M14.308 36.732c6.38 4.468 14.025 4.323 20.332-.783l.081-.073c.41-1.665.6-2.88.567-4.037c-.03-1.042-.242-2.131-.755-3.531c-4.117-.863-7.348-1.296-10.54-1.308c-3.17-.011-6.378.393-10.443 1.279c-.449 1.487-.637 2.644-.633 3.752c.005 1.217.242 2.494.777 4.21q.3.252.614.491m-3.316-3.412c-.18-1.622-.036-3.135.451-4.948a19 19 0 0 1-.913-.166c-.625-.13-1.37-.318-2.12-.588a15.9 15.9 0 0 0 2.582 5.702m24.524-6.848c-8.94-1.919-14.151-2.01-23.116.013l-.27-.034a17 17 0 0 1-1.193-.204c-.911-.189-1.989-.492-2.887-.956A16 16 0 0 1 8 24c0-8.837 7.164-16 16-16s16 7.163 16 16q0 .597-.043 1.183l-.012.007c-.933.52-2.1.855-3.075 1.057a17 17 0 0 1-1.353.225m1.138 1.852c.547 1.693.716 3.113.605 4.632a15.9 15.9 0 0 0 2.347-5.416a15.6 15.6 0 0 1-2.33.666q-.333.069-.622.118" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M18 30h12v2H18zm12 4H18v2h12zm-8.698-11.558c.13-.358.091-.795-.016-1.193a4.2 4.2 0 0 0-.61-1.28c-.581-.829-1.544-1.59-2.845-1.646c-1.347-.056-2.353.799-2.973 1.706a5.6 5.6 0 0 0-.695 1.416c-.143.446-.219.902-.169 1.267a.5.5 0 0 0 .766.352c.4-.256.819-.607 1.207-.931c.176-.148.347-.29.505-.415c.562-.444 1-.697 1.363-.715c.344-.017.742.18 1.244.556c.18.134.353.276.534.424l.195.159c.244.197.504.399.766.557a.5.5 0 0 0 .728-.257m5.311 0c-.13-.358-.09-.795.017-1.193c.112-.416.319-.863.61-1.28c.58-.829 1.544-1.59 2.845-1.646c1.346-.056 2.353.799 2.973 1.706c.314.46.548.958.695 1.416c.142.446.218.902.168 1.267a.5.5 0 0 1-.765.352c-.4-.256-.82-.607-1.207-.931a25 25 0 0 0-.505-.415c-.563-.444-1-.697-1.363-.715c-.344-.017-.743.18-1.244.556c-.18.134-.354.276-.534.424l-.196.159a7 7 0 0 1-.765.557a.5.5 0 0 1-.729-.257"/><path fill-rule="evenodd" d="M41.853 26.315a17.95 17.95 0 0 1-5.336 10.62L36.5 37q-.28.243-.564.473A17.93 17.93 0 0 1 24 42a17.92 17.92 0 0 1-10.875-3.655q-.57-.4-1.125-.845l-.039-.118a17.97 17.97 0 0 1-5.792-10.904c-.902-.656-1.677-1.582-1.834-2.864c-.194-1.59.612-3.345 2.434-5.296a1 1 0 0 1 .203-.168C9.4 11.08 16.107 6 24 6c7.984 0 14.754 5.198 17.11 12.395c1.771 1.92 2.554 3.65 2.362 5.219c-.144 1.179-.812 2.057-1.62 2.701M14.308 36.732c6.38 4.468 14.025 4.323 20.332-.783l.081-.073c.41-1.665.6-2.88.567-4.037c-.03-1.042-.242-2.131-.755-3.531c-4.117-.863-7.348-1.296-10.54-1.308c-3.17-.011-6.378.393-10.443 1.279c-.449 1.487-.637 2.644-.633 3.752c.005 1.217.242 2.494.777 4.21q.3.252.614.491m-3.316-3.412c-.18-1.622-.036-3.135.451-4.948a19 19 0 0 1-.913-.166c-.625-.13-1.37-.318-2.12-.588a15.9 15.9 0 0 0 2.582 5.702m24.524-6.848c-8.94-1.919-14.151-2.01-23.116.013l-.27-.034a17 17 0 0 1-1.193-.204c-.911-.189-1.989-.492-2.887-.956A16 16 0 0 1 8 24c0-8.837 7.164-16 16-16s16 7.163 16 16q0 .597-.043 1.183l-.012.007c-.933.52-2.1.855-3.075 1.057a17 17 0 0 1-1.353.225m1.138 1.852c.547 1.693.716 3.113.605 4.632a15.9 15.9 0 0 0 2.347-5.416a15.6 15.6 0 0 1-2.33.666q-.333.069-.622.118" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-masked {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%2030h12v2H18zm12%204H18v2h12zm-8.698-11.558c.13-.358.091-.795-.016-1.193a4.2%204.2%200%200%200-.61-1.28c-.581-.829-1.544-1.59-2.845-1.646c-1.347-.056-2.353.799-2.973%201.706a5.6%205.6%200%200%200-.695%201.416c-.143.446-.219.902-.169%201.267a.5.5%200%200%200%20.766.352c.4-.256.819-.607%201.207-.931c.176-.148.347-.29.505-.415c.562-.444%201-.697%201.363-.715c.344-.017.742.18%201.244.556c.18.134.353.276.534.424l.195.159c.244.197.504.399.766.557a.5.5%200%200%200%20.728-.257m5.311%200c-.13-.358-.09-.795.017-1.193c.112-.416.319-.863.61-1.28c.58-.829%201.544-1.59%202.845-1.646c1.346-.056%202.353.799%202.973%201.706c.314.46.548.958.695%201.416c.142.446.218.902.168%201.267a.5.5%200%200%201-.765.352c-.4-.256-.82-.607-1.207-.931a25%2025%200%200%200-.505-.415c-.563-.444-1-.697-1.363-.715c-.344-.017-.743.18-1.244.556c-.18.134-.354.276-.534.424l-.196.159a7%207%200%200%201-.765.557a.5.5%200%200%201-.729-.257%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M41.853%2026.315a17.95%2017.95%200%200%201-5.336%2010.62L36.5%2037q-.28.243-.564.473A17.93%2017.93%200%200%201%2024%2042a17.92%2017.92%200%200%201-10.875-3.655q-.57-.4-1.125-.845l-.039-.118a17.97%2017.97%200%200%201-5.792-10.904c-.902-.656-1.677-1.582-1.834-2.864c-.194-1.59.612-3.345%202.434-5.296a1%201%200%200%201%20.203-.168C9.4%2011.08%2016.107%206%2024%206c7.984%200%2014.754%205.198%2017.11%2012.395c1.771%201.92%202.554%203.65%202.362%205.219c-.144%201.179-.812%202.057-1.62%202.701M14.308%2036.732c6.38%204.468%2014.025%204.323%2020.332-.783l.081-.073c.41-1.665.6-2.88.567-4.037c-.03-1.042-.242-2.131-.755-3.531c-4.117-.863-7.348-1.296-10.54-1.308c-3.17-.011-6.378.393-10.443%201.279c-.449%201.487-.637%202.644-.633%203.752c.005%201.217.242%202.494.777%204.21q.3.252.614.491m-3.316-3.412c-.18-1.622-.036-3.135.451-4.948a19%2019%200%200%201-.913-.166c-.625-.13-1.37-.318-2.12-.588a15.9%2015.9%200%200%200%202.582%205.702m24.524-6.848c-8.94-1.919-14.151-2.01-23.116.013l-.27-.034a17%2017%200%200%201-1.193-.204c-.911-.189-1.989-.492-2.887-.956A16%2016%200%200%201%208%2024c0-8.837%207.164-16%2016-16s16%207.163%2016%2016q0%20.597-.043%201.183l-.012.007c-.933.52-2.1.855-3.075%201.057a17%2017%200%200%201-1.353.225m1.138%201.852c.547%201.693.716%203.113.605%204.632a15.9%2015.9%200%200%200%202.347-5.416a15.6%2015.6%200%200%201-2.33.666q-.333.069-.622.118%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%2030h12v2H18zm12%204H18v2h12zm-8.698-11.558c.13-.358.091-.795-.016-1.193a4.2%204.2%200%200%200-.61-1.28c-.581-.829-1.544-1.59-2.845-1.646c-1.347-.056-2.353.799-2.973%201.706a5.6%205.6%200%200%200-.695%201.416c-.143.446-.219.902-.169%201.267a.5.5%200%200%200%20.766.352c.4-.256.819-.607%201.207-.931c.176-.148.347-.29.505-.415c.562-.444%201-.697%201.363-.715c.344-.017.742.18%201.244.556c.18.134.353.276.534.424l.195.159c.244.197.504.399.766.557a.5.5%200%200%200%20.728-.257m5.311%200c-.13-.358-.09-.795.017-1.193c.112-.416.319-.863.61-1.28c.58-.829%201.544-1.59%202.845-1.646c1.346-.056%202.353.799%202.973%201.706c.314.46.548.958.695%201.416c.142.446.218.902.168%201.267a.5.5%200%200%201-.765.352c-.4-.256-.82-.607-1.207-.931a25%2025%200%200%200-.505-.415c-.563-.444-1-.697-1.363-.715c-.344-.017-.743.18-1.244.556c-.18.134-.354.276-.534.424l-.196.159a7%207%200%200%201-.765.557a.5.5%200%200%201-.729-.257%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M41.853%2026.315a17.95%2017.95%200%200%201-5.336%2010.62L36.5%2037q-.28.243-.564.473A17.93%2017.93%200%200%201%2024%2042a17.92%2017.92%200%200%201-10.875-3.655q-.57-.4-1.125-.845l-.039-.118a17.97%2017.97%200%200%201-5.792-10.904c-.902-.656-1.677-1.582-1.834-2.864c-.194-1.59.612-3.345%202.434-5.296a1%201%200%200%201%20.203-.168C9.4%2011.08%2016.107%206%2024%206c7.984%200%2014.754%205.198%2017.11%2012.395c1.771%201.92%202.554%203.65%202.362%205.219c-.144%201.179-.812%202.057-1.62%202.701M14.308%2036.732c6.38%204.468%2014.025%204.323%2020.332-.783l.081-.073c.41-1.665.6-2.88.567-4.037c-.03-1.042-.242-2.131-.755-3.531c-4.117-.863-7.348-1.296-10.54-1.308c-3.17-.011-6.378.393-10.443%201.279c-.449%201.487-.637%202.644-.633%203.752c.005%201.217.242%202.494.777%204.21q.3.252.614.491m-3.316-3.412c-.18-1.622-.036-3.135.451-4.948a19%2019%200%200%201-.913-.166c-.625-.13-1.37-.318-2.12-.588a15.9%2015.9%200%200%200%202.582%205.702m24.524-6.848c-8.94-1.919-14.151-2.01-23.116.013l-.27-.034a17%2017%200%200%201-1.193-.204c-.911-.189-1.989-.492-2.887-.956A16%2016%200%200%201%208%2024c0-8.837%207.164-16%2016-16s16%207.163%2016%2016q0%20.597-.043%201.183l-.012.007c-.933.52-2.1.855-3.075%201.057a17%2017%200%200%201-1.353.225m1.138%201.852c.547%201.693.716%203.113.605%204.632a15.9%2015.9%200%200%200%202.347-5.416a15.6%2015.6%200%200%201-2.33.666q-.333.069-.622.118%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/masked.svg?color=%231a73e8&size=48
