masks icon
masks-duotone from Reicon by REICON · Duotone · UI · MIT Free for personal and commercial use.
- Name
- masks-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All masks icons →More ui icons from Reicon
Use the masks icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="m15.913 9.38l.845 3.297c.994 3.876-1.284 6.658-3.026 8.145c-.531.454-.797.68-1.825.968s-1.367.23-2.044.116c-2.22-.377-5.523-1.597-6.516-5.473l-.845-3.297c-.441-1.719-.661-2.578-.37-3.253c.098-.226.234-.432.401-.609c.5-.525 1.346-.616 3.04-.798c1.255-.135 1.882-.202 2.493-.35a10 10 0 0 0 .632-.178c.6-.19 1.175-.46 2.326-.999c1.554-.727 2.331-1.091 3.015-.897c.229.065.445.172.638.317c.575.432.796 1.291 1.236 3.01m-9.908 3.988c.029-.296.26-.6.638-.702c.379-.102.73.047.903.29a.75.75 0 0 0 1.22-.873c-.55-.77-1.552-1.123-2.511-.866s-1.651 1.064-1.743 2.006a.75.75 0 0 0 1.493.145m6.434-2.255c-.379.101-.61.406-.638.702a.75.75 0 0 1-1.493-.145c.092-.943.784-1.75 1.743-2.006c.959-.257 1.961.095 2.512.866a.75.75 0 1 1-1.22.872c-.174-.242-.525-.39-.904-.29m.762 5.118l.447-.602a.75.75 0 0 1-.885 1.211l-.01-.006a2 2 0 0 0-.485-.2c-.36-.098-.929-.163-1.685.04c-.756.202-1.216.543-1.48.808a2 2 0 0 0-.32.416l-.005.01a.75.75 0 0 1-1.372-.607l.688.298l-.688-.298v.001l.001-.002l.002-.004l.004-.009l.01-.022l.033-.064a3 3 0 0 1 .115-.196c.1-.156.252-.36.468-.578c.437-.44 1.125-.924 2.156-1.2c1.031-.277 1.87-.2 2.467-.038c.296.08.53.18.694.266a3 3 0 0 1 .258.151l.02.015l.008.005l.003.003h.002l.001.002z" clip-rule="evenodd"/><path d="m20.652 12.433l.845-3.297c.44-1.719.661-2.578.37-3.253a2.1 2.1 0 0 0-.401-.609c-.5-.525-1.347-.616-3.04-.798c-1.255-.135-1.882-.202-2.493-.35a10 10 0 0 1-.632-.178c-.6-.19-1.175-.46-2.326-.999c-1.554-.727-2.331-1.091-3.015-.897a2 2 0 0 0-.638.317c-.575.432-.796 1.291-1.236 3.01l-.7 2.73l-.044.157a8.4 8.4 0 0 0 1.355-.318c.6-.19 1.176-.46 2.327-.999c1.554-.727 2.33-1.091 3.014-.897c.23.065.446.172.639.317c.575.432.795 1.291 1.236 3.01l.845 3.298c.445 1.735.234 3.252-.292 4.531l.033.013c1.741-.75 3.479-2.157 4.153-4.788" opacity=".6"/><path d="M15.728 8.666a.752.752 0 0 0 1.164-.07c.173-.243.524-.392.903-.29c.379.101.61.406.638.702a.75.75 0 1 0 1.493-.145c-.092-.942-.784-1.749-1.743-2.006s-1.961.096-2.512.866a.75.75 0 0 0-.124.285q.087.299.181.658M10.24 7.315c.23-.106.488-.227.784-.366c1.196-.56 1.932-.904 2.52-.945a2.4 2.4 0 0 0-1.157-.7c-.959-.257-1.961.096-2.512.866a.75.75 0 0 0 .365 1.145" opacity=".6"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMasksDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="m15.913 9.38l.845 3.297c.994 3.876-1.284 6.658-3.026 8.145c-.531.454-.797.68-1.825.968s-1.367.23-2.044.116c-2.22-.377-5.523-1.597-6.516-5.473l-.845-3.297c-.441-1.719-.661-2.578-.37-3.253c.098-.226.234-.432.401-.609c.5-.525 1.346-.616 3.04-.798c1.255-.135 1.882-.202 2.493-.35a10 10 0 0 0 .632-.178c.6-.19 1.175-.46 2.326-.999c1.554-.727 2.331-1.091 3.015-.897c.229.065.445.172.638.317c.575.432.796 1.291 1.236 3.01m-9.908 3.988c.029-.296.26-.6.638-.702c.379-.102.73.047.903.29a.75.75 0 0 0 1.22-.873c-.55-.77-1.552-1.123-2.511-.866s-1.651 1.064-1.743 2.006a.75.75 0 0 0 1.493.145m6.434-2.255c-.379.101-.61.406-.638.702a.75.75 0 0 1-1.493-.145c.092-.943.784-1.75 1.743-2.006c.959-.257 1.961.095 2.512.866a.75.75 0 1 1-1.22.872c-.174-.242-.525-.39-.904-.29m.762 5.118l.447-.602a.75.75 0 0 1-.885 1.211l-.01-.006a2 2 0 0 0-.485-.2c-.36-.098-.929-.163-1.685.04c-.756.202-1.216.543-1.48.808a2 2 0 0 0-.32.416l-.005.01a.75.75 0 0 1-1.372-.607l.688.298l-.688-.298v.001l.001-.002l.002-.004l.004-.009l.01-.022l.033-.064a3 3 0 0 1 .115-.196c.1-.156.252-.36.468-.578c.437-.44 1.125-.924 2.156-1.2c1.031-.277 1.87-.2 2.467-.038c.296.08.53.18.694.266a3 3 0 0 1 .258.151l.02.015l.008.005l.003.003h.002l.001.002z" clipRule="evenodd"/><path d="m20.652 12.433l.845-3.297c.44-1.719.661-2.578.37-3.253a2.1 2.1 0 0 0-.401-.609c-.5-.525-1.347-.616-3.04-.798c-1.255-.135-1.882-.202-2.493-.35a10 10 0 0 1-.632-.178c-.6-.19-1.175-.46-2.326-.999c-1.554-.727-2.331-1.091-3.015-.897a2 2 0 0 0-.638.317c-.575.432-.796 1.291-1.236 3.01l-.7 2.73l-.044.157a8.4 8.4 0 0 0 1.355-.318c.6-.19 1.176-.46 2.327-.999c1.554-.727 2.33-1.091 3.014-.897c.23.065.446.172.639.317c.575.432.795 1.291 1.236 3.01l.845 3.298c.445 1.735.234 3.252-.292 4.531l.033.013c1.741-.75 3.479-2.157 4.153-4.788" opacity=".6"/><path d="M15.728 8.666a.752.752 0 0 0 1.164-.07c.173-.243.524-.392.903-.29c.379.101.61.406.638.702a.75.75 0 1 0 1.493-.145c-.092-.942-.784-1.749-1.743-2.006s-1.961.096-2.512.866a.75.75 0 0 0-.124.285q.087.299.181.658M10.24 7.315c.23-.106.488-.227.784-.366c1.196-.56 1.932-.904 2.52-.945a2.4 2.4 0 0 0-1.157-.7c-.959-.257-1.961.096-2.512.866a.75.75 0 0 0 .365 1.145" opacity=".6"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="m15.913 9.38l.845 3.297c.994 3.876-1.284 6.658-3.026 8.145c-.531.454-.797.68-1.825.968s-1.367.23-2.044.116c-2.22-.377-5.523-1.597-6.516-5.473l-.845-3.297c-.441-1.719-.661-2.578-.37-3.253c.098-.226.234-.432.401-.609c.5-.525 1.346-.616 3.04-.798c1.255-.135 1.882-.202 2.493-.35a10 10 0 0 0 .632-.178c.6-.19 1.175-.46 2.326-.999c1.554-.727 2.331-1.091 3.015-.897c.229.065.445.172.638.317c.575.432.796 1.291 1.236 3.01m-9.908 3.988c.029-.296.26-.6.638-.702c.379-.102.73.047.903.29a.75.75 0 0 0 1.22-.873c-.55-.77-1.552-1.123-2.511-.866s-1.651 1.064-1.743 2.006a.75.75 0 0 0 1.493.145m6.434-2.255c-.379.101-.61.406-.638.702a.75.75 0 0 1-1.493-.145c.092-.943.784-1.75 1.743-2.006c.959-.257 1.961.095 2.512.866a.75.75 0 1 1-1.22.872c-.174-.242-.525-.39-.904-.29m.762 5.118l.447-.602a.75.75 0 0 1-.885 1.211l-.01-.006a2 2 0 0 0-.485-.2c-.36-.098-.929-.163-1.685.04c-.756.202-1.216.543-1.48.808a2 2 0 0 0-.32.416l-.005.01a.75.75 0 0 1-1.372-.607l.688.298l-.688-.298v.001l.001-.002l.002-.004l.004-.009l.01-.022l.033-.064a3 3 0 0 1 .115-.196c.1-.156.252-.36.468-.578c.437-.44 1.125-.924 2.156-1.2c1.031-.277 1.87-.2 2.467-.038c.296.08.53.18.694.266a3 3 0 0 1 .258.151l.02.015l.008.005l.003.003h.002l.001.002z" clip-rule="evenodd"/><path d="m20.652 12.433l.845-3.297c.44-1.719.661-2.578.37-3.253a2.1 2.1 0 0 0-.401-.609c-.5-.525-1.347-.616-3.04-.798c-1.255-.135-1.882-.202-2.493-.35a10 10 0 0 1-.632-.178c-.6-.19-1.175-.46-2.326-.999c-1.554-.727-2.331-1.091-3.015-.897a2 2 0 0 0-.638.317c-.575.432-.796 1.291-1.236 3.01l-.7 2.73l-.044.157a8.4 8.4 0 0 0 1.355-.318c.6-.19 1.176-.46 2.327-.999c1.554-.727 2.33-1.091 3.014-.897c.23.065.446.172.639.317c.575.432.795 1.291 1.236 3.01l.845 3.298c.445 1.735.234 3.252-.292 4.531l.033.013c1.741-.75 3.479-2.157 4.153-4.788" opacity=".6"/><path d="M15.728 8.666a.752.752 0 0 0 1.164-.07c.173-.243.524-.392.903-.29c.379.101.61.406.638.702a.75.75 0 1 0 1.493-.145c-.092-.942-.784-1.749-1.743-2.006s-1.961.096-2.512.866a.75.75 0 0 0-.124.285q.087.299.181.658M10.24 7.315c.23-.106.488-.227.784-.366c1.196-.56 1.932-.904 2.52-.945a2.4 2.4 0 0 0-1.157-.7c-.959-.257-1.961.096-2.512.866a.75.75 0 0 0 .365 1.145" opacity=".6"/></g></svg> </template>
CSS
.icon-masks-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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m15.913%209.38l.845%203.297c.994%203.876-1.284%206.658-3.026%208.145c-.531.454-.797.68-1.825.968s-1.367.23-2.044.116c-2.22-.377-5.523-1.597-6.516-5.473l-.845-3.297c-.441-1.719-.661-2.578-.37-3.253c.098-.226.234-.432.401-.609c.5-.525%201.346-.616%203.04-.798c1.255-.135%201.882-.202%202.493-.35a10%2010%200%200%200%20.632-.178c.6-.19%201.175-.46%202.326-.999c1.554-.727%202.331-1.091%203.015-.897c.229.065.445.172.638.317c.575.432.796%201.291%201.236%203.01m-9.908%203.988c.029-.296.26-.6.638-.702c.379-.102.73.047.903.29a.75.75%200%200%200%201.22-.873c-.55-.77-1.552-1.123-2.511-.866s-1.651%201.064-1.743%202.006a.75.75%200%200%200%201.493.145m6.434-2.255c-.379.101-.61.406-.638.702a.75.75%200%200%201-1.493-.145c.092-.943.784-1.75%201.743-2.006c.959-.257%201.961.095%202.512.866a.75.75%200%201%201-1.22.872c-.174-.242-.525-.39-.904-.29m.762%205.118l.447-.602a.75.75%200%200%201-.885%201.211l-.01-.006a2%202%200%200%200-.485-.2c-.36-.098-.929-.163-1.685.04c-.756.202-1.216.543-1.48.808a2%202%200%200%200-.32.416l-.005.01a.75.75%200%200%201-1.372-.607l.688.298l-.688-.298v.001l.001-.002l.002-.004l.004-.009l.01-.022l.033-.064a3%203%200%200%201%20.115-.196c.1-.156.252-.36.468-.578c.437-.44%201.125-.924%202.156-1.2c1.031-.277%201.87-.2%202.467-.038c.296.08.53.18.694.266a3%203%200%200%201%20.258.151l.02.015l.008.005l.003.003h.002l.001.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m20.652%2012.433l.845-3.297c.44-1.719.661-2.578.37-3.253a2.1%202.1%200%200%200-.401-.609c-.5-.525-1.347-.616-3.04-.798c-1.255-.135-1.882-.202-2.493-.35a10%2010%200%200%201-.632-.178c-.6-.19-1.175-.46-2.326-.999c-1.554-.727-2.331-1.091-3.015-.897a2%202%200%200%200-.638.317c-.575.432-.796%201.291-1.236%203.01l-.7%202.73l-.044.157a8.4%208.4%200%200%200%201.355-.318c.6-.19%201.176-.46%202.327-.999c1.554-.727%202.33-1.091%203.014-.897c.23.065.446.172.639.317c.575.432.795%201.291%201.236%203.01l.845%203.298c.445%201.735.234%203.252-.292%204.531l.033.013c1.741-.75%203.479-2.157%204.153-4.788%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M15.728%208.666a.752.752%200%200%200%201.164-.07c.173-.243.524-.392.903-.29c.379.101.61.406.638.702a.75.75%200%201%200%201.493-.145c-.092-.942-.784-1.749-1.743-2.006s-1.961.096-2.512.866a.75.75%200%200%200-.124.285q.087.299.181.658M10.24%207.315c.23-.106.488-.227.784-.366c1.196-.56%201.932-.904%202.52-.945a2.4%202.4%200%200%200-1.157-.7c-.959-.257-1.961.096-2.512.866a.75.75%200%200%200%20.365%201.145%22%20opacity%3D%22.6%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m15.913%209.38l.845%203.297c.994%203.876-1.284%206.658-3.026%208.145c-.531.454-.797.68-1.825.968s-1.367.23-2.044.116c-2.22-.377-5.523-1.597-6.516-5.473l-.845-3.297c-.441-1.719-.661-2.578-.37-3.253c.098-.226.234-.432.401-.609c.5-.525%201.346-.616%203.04-.798c1.255-.135%201.882-.202%202.493-.35a10%2010%200%200%200%20.632-.178c.6-.19%201.175-.46%202.326-.999c1.554-.727%202.331-1.091%203.015-.897c.229.065.445.172.638.317c.575.432.796%201.291%201.236%203.01m-9.908%203.988c.029-.296.26-.6.638-.702c.379-.102.73.047.903.29a.75.75%200%200%200%201.22-.873c-.55-.77-1.552-1.123-2.511-.866s-1.651%201.064-1.743%202.006a.75.75%200%200%200%201.493.145m6.434-2.255c-.379.101-.61.406-.638.702a.75.75%200%200%201-1.493-.145c.092-.943.784-1.75%201.743-2.006c.959-.257%201.961.095%202.512.866a.75.75%200%201%201-1.22.872c-.174-.242-.525-.39-.904-.29m.762%205.118l.447-.602a.75.75%200%200%201-.885%201.211l-.01-.006a2%202%200%200%200-.485-.2c-.36-.098-.929-.163-1.685.04c-.756.202-1.216.543-1.48.808a2%202%200%200%200-.32.416l-.005.01a.75.75%200%200%201-1.372-.607l.688.298l-.688-.298v.001l.001-.002l.002-.004l.004-.009l.01-.022l.033-.064a3%203%200%200%201%20.115-.196c.1-.156.252-.36.468-.578c.437-.44%201.125-.924%202.156-1.2c1.031-.277%201.87-.2%202.467-.038c.296.08.53.18.694.266a3%203%200%200%201%20.258.151l.02.015l.008.005l.003.003h.002l.001.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m20.652%2012.433l.845-3.297c.44-1.719.661-2.578.37-3.253a2.1%202.1%200%200%200-.401-.609c-.5-.525-1.347-.616-3.04-.798c-1.255-.135-1.882-.202-2.493-.35a10%2010%200%200%201-.632-.178c-.6-.19-1.175-.46-2.326-.999c-1.554-.727-2.331-1.091-3.015-.897a2%202%200%200%200-.638.317c-.575.432-.796%201.291-1.236%203.01l-.7%202.73l-.044.157a8.4%208.4%200%200%200%201.355-.318c.6-.19%201.176-.46%202.327-.999c1.554-.727%202.33-1.091%203.014-.897c.23.065.446.172.639.317c.575.432.795%201.291%201.236%203.01l.845%203.298c.445%201.735.234%203.252-.292%204.531l.033.013c1.741-.75%203.479-2.157%204.153-4.788%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M15.728%208.666a.752.752%200%200%200%201.164-.07c.173-.243.524-.392.903-.29c.379.101.61.406.638.702a.75.75%200%201%200%201.493-.145c-.092-.942-.784-1.749-1.743-2.006s-1.961.096-2.512.866a.75.75%200%200%200-.124.285q.087.299.181.658M10.24%207.315c.23-.106.488-.227.784-.366c1.196-.56%201.932-.904%202.52-.945a2.4%202.4%200%200%200-1.157-.7c-.959-.257-1.961.096-2.512.866a.75.75%200%200%200%20.365%201.145%22%20opacity%3D%22.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/masks-duotone.svg?color=%231a73e8&size=48
