mask icon
mask-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- mask-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All mask icons →More newicons icons from Reicon
Use the mask icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.24 9.52l4.71 4.71c.28.28.77.13.85-.26c.13-.64.2-1.3.2-1.97c0-2.29-.78-4.4-2.07-6.08c-.18-.24-.54-.25-.75-.04l-2.94 2.94c-.19.19-.19.51 0 .7m-1.76 1.06l-1.77 1.77c-.2.2-.2.51 0 .71l5.82 5.82c.2.2.52.2.71 0c.62-.65 1.15-1.38 1.58-2.17c.1-.19.06-.44-.09-.59l-5.54-5.54a.513.513 0 0 0-.71 0m-3.54 3.54l-1.76 1.76c-.2.2-.2.51 0 .71l4.92 4.93a.5.5 0 0 0 .49.13c.93-.25 1.81-.63 2.61-1.13c.27-.17.31-.55.08-.78l-5.63-5.63a.523.523 0 0 0-.71.01m7.14-10.05a9.94 9.94 0 0 0-7.31-2c-4.51.54-8.16 4.2-8.7 8.7c-.33 2.76.47 5.32 2 7.31c.18.24.54.25.75.04l13.3-13.3c.21-.21.2-.57-.04-.75M7.4 17.67l-1.52 1.52c-.21.21-.2.57.04.75a9.87 9.87 0 0 0 5.39 2.05c.43.03.64-.48.33-.79l-3.53-3.53c-.19-.2-.51-.2-.71 0"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMaskFilled(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="m16.24 9.52l4.71 4.71c.28.28.77.13.85-.26c.13-.64.2-1.3.2-1.97c0-2.29-.78-4.4-2.07-6.08c-.18-.24-.54-.25-.75-.04l-2.94 2.94c-.19.19-.19.51 0 .7m-1.76 1.06l-1.77 1.77c-.2.2-.2.51 0 .71l5.82 5.82c.2.2.52.2.71 0c.62-.65 1.15-1.38 1.58-2.17c.1-.19.06-.44-.09-.59l-5.54-5.54a.513.513 0 0 0-.71 0m-3.54 3.54l-1.76 1.76c-.2.2-.2.51 0 .71l4.92 4.93a.5.5 0 0 0 .49.13c.93-.25 1.81-.63 2.61-1.13c.27-.17.31-.55.08-.78l-5.63-5.63a.523.523 0 0 0-.71.01m7.14-10.05a9.94 9.94 0 0 0-7.31-2c-4.51.54-8.16 4.2-8.7 8.7c-.33 2.76.47 5.32 2 7.31c.18.24.54.25.75.04l13.3-13.3c.21-.21.2-.57-.04-.75M7.4 17.67l-1.52 1.52c-.21.21-.2.57.04.75a9.87 9.87 0 0 0 5.39 2.05c.43.03.64-.48.33-.79l-3.53-3.53c-.19-.2-.51-.2-.71 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.24 9.52l4.71 4.71c.28.28.77.13.85-.26c.13-.64.2-1.3.2-1.97c0-2.29-.78-4.4-2.07-6.08c-.18-.24-.54-.25-.75-.04l-2.94 2.94c-.19.19-.19.51 0 .7m-1.76 1.06l-1.77 1.77c-.2.2-.2.51 0 .71l5.82 5.82c.2.2.52.2.71 0c.62-.65 1.15-1.38 1.58-2.17c.1-.19.06-.44-.09-.59l-5.54-5.54a.513.513 0 0 0-.71 0m-3.54 3.54l-1.76 1.76c-.2.2-.2.51 0 .71l4.92 4.93a.5.5 0 0 0 .49.13c.93-.25 1.81-.63 2.61-1.13c.27-.17.31-.55.08-.78l-5.63-5.63a.523.523 0 0 0-.71.01m7.14-10.05a9.94 9.94 0 0 0-7.31-2c-4.51.54-8.16 4.2-8.7 8.7c-.33 2.76.47 5.32 2 7.31c.18.24.54.25.75.04l13.3-13.3c.21-.21.2-.57-.04-.75M7.4 17.67l-1.52 1.52c-.21.21-.2.57.04.75a9.87 9.87 0 0 0 5.39 2.05c.43.03.64-.48.33-.79l-3.53-3.53c-.19-.2-.51-.2-.71 0"/></svg> </template>
CSS
.icon-mask-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%20d%3D%22m16.24%209.52l4.71%204.71c.28.28.77.13.85-.26c.13-.64.2-1.3.2-1.97c0-2.29-.78-4.4-2.07-6.08c-.18-.24-.54-.25-.75-.04l-2.94%202.94c-.19.19-.19.51%200%20.7m-1.76%201.06l-1.77%201.77c-.2.2-.2.51%200%20.71l5.82%205.82c.2.2.52.2.71%200c.62-.65%201.15-1.38%201.58-2.17c.1-.19.06-.44-.09-.59l-5.54-5.54a.513.513%200%200%200-.71%200m-3.54%203.54l-1.76%201.76c-.2.2-.2.51%200%20.71l4.92%204.93a.5.5%200%200%200%20.49.13c.93-.25%201.81-.63%202.61-1.13c.27-.17.31-.55.08-.78l-5.63-5.63a.523.523%200%200%200-.71.01m7.14-10.05a9.94%209.94%200%200%200-7.31-2c-4.51.54-8.16%204.2-8.7%208.7c-.33%202.76.47%205.32%202%207.31c.18.24.54.25.75.04l13.3-13.3c.21-.21.2-.57-.04-.75M7.4%2017.67l-1.52%201.52c-.21.21-.2.57.04.75a9.87%209.87%200%200%200%205.39%202.05c.43.03.64-.48.33-.79l-3.53-3.53c-.19-.2-.51-.2-.71%200%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%22m16.24%209.52l4.71%204.71c.28.28.77.13.85-.26c.13-.64.2-1.3.2-1.97c0-2.29-.78-4.4-2.07-6.08c-.18-.24-.54-.25-.75-.04l-2.94%202.94c-.19.19-.19.51%200%20.7m-1.76%201.06l-1.77%201.77c-.2.2-.2.51%200%20.71l5.82%205.82c.2.2.52.2.71%200c.62-.65%201.15-1.38%201.58-2.17c.1-.19.06-.44-.09-.59l-5.54-5.54a.513.513%200%200%200-.71%200m-3.54%203.54l-1.76%201.76c-.2.2-.2.51%200%20.71l4.92%204.93a.5.5%200%200%200%20.49.13c.93-.25%201.81-.63%202.61-1.13c.27-.17.31-.55.08-.78l-5.63-5.63a.523.523%200%200%200-.71.01m7.14-10.05a9.94%209.94%200%200%200-7.31-2c-4.51.54-8.16%204.2-8.7%208.7c-.33%202.76.47%205.32%202%207.31c.18.24.54.25.75.04l13.3-13.3c.21-.21.2-.57-.04-.75M7.4%2017.67l-1.52%201.52c-.21.21-.2.57.04.75a9.87%209.87%200%200%200%205.39%202.05c.43.03.64-.48.33-.79l-3.53-3.53c-.19-.2-.51-.2-.71%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/mask-filled.svg?color=%231a73e8&size=48
