mask logo
mask from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- mask
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the mask logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1c68f3" fill-rule="evenodd" d="M21 8.4v4.8H5.354c.684 3.135 3.406 5.4 6.646 5.4c2.679 0 5.079-1.874 6.188-4.2H21v4.74c0 1.027-.806 1.86-1.8 1.86H4.8c-.994 0-1.8-.833-1.8-1.86V8.4zm-4.5 6c-.954 1.442-2.682 2.4-4.5 2.4s-3.545-.958-4.5-2.4zM8.062 9.6c-1.41 0-2.618.998-2.812 2.4h1.663c.168-.54.571-.99 1.15-.99c.578 0 .956.45 1.124.99h1.688c-.194-1.402-1.402-2.4-2.813-2.4m7.875 0c-1.41 0-2.618.998-2.812 2.4h1.688c.168-.54.546-.99 1.124-.99c.58 0 .957.45 1.126.99h1.687c-.194-1.402-1.402-2.4-2.813-2.4M19.2 3c.994 0 1.8.833 1.8 1.86V6.6H3V4.86C3 3.833 3.806 3 4.8 3z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMask(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1c68f3" fillRule="evenodd" d="M21 8.4v4.8H5.354c.684 3.135 3.406 5.4 6.646 5.4c2.679 0 5.079-1.874 6.188-4.2H21v4.74c0 1.027-.806 1.86-1.8 1.86H4.8c-.994 0-1.8-.833-1.8-1.86V8.4zm-4.5 6c-.954 1.442-2.682 2.4-4.5 2.4s-3.545-.958-4.5-2.4zM8.062 9.6c-1.41 0-2.618.998-2.812 2.4h1.663c.168-.54.571-.99 1.15-.99c.578 0 .956.45 1.124.99h1.688c-.194-1.402-1.402-2.4-2.813-2.4m7.875 0c-1.41 0-2.618.998-2.812 2.4h1.688c.168-.54.546-.99 1.124-.99c.58 0 .957.45 1.126.99h1.687c-.194-1.402-1.402-2.4-2.813-2.4M19.2 3c.994 0 1.8.833 1.8 1.86V6.6H3V4.86C3 3.833 3.806 3 4.8 3z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1c68f3" fill-rule="evenodd" d="M21 8.4v4.8H5.354c.684 3.135 3.406 5.4 6.646 5.4c2.679 0 5.079-1.874 6.188-4.2H21v4.74c0 1.027-.806 1.86-1.8 1.86H4.8c-.994 0-1.8-.833-1.8-1.86V8.4zm-4.5 6c-.954 1.442-2.682 2.4-4.5 2.4s-3.545-.958-4.5-2.4zM8.062 9.6c-1.41 0-2.618.998-2.812 2.4h1.663c.168-.54.571-.99 1.15-.99c.578 0 .956.45 1.124.99h1.688c-.194-1.402-1.402-2.4-2.813-2.4m7.875 0c-1.41 0-2.618.998-2.812 2.4h1.688c.168-.54.546-.99 1.124-.99c.58 0 .957.45 1.126.99h1.687c-.194-1.402-1.402-2.4-2.813-2.4M19.2 3c.994 0 1.8.833 1.8 1.86V6.6H3V4.86C3 3.833 3.806 3 4.8 3z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-mask {
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%22%231c68f3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%208.4v4.8H5.354c.684%203.135%203.406%205.4%206.646%205.4c2.679%200%205.079-1.874%206.188-4.2H21v4.74c0%201.027-.806%201.86-1.8%201.86H4.8c-.994%200-1.8-.833-1.8-1.86V8.4zm-4.5%206c-.954%201.442-2.682%202.4-4.5%202.4s-3.545-.958-4.5-2.4zM8.062%209.6c-1.41%200-2.618.998-2.812%202.4h1.663c.168-.54.571-.99%201.15-.99c.578%200%20.956.45%201.124.99h1.688c-.194-1.402-1.402-2.4-2.813-2.4m7.875%200c-1.41%200-2.618.998-2.812%202.4h1.688c.168-.54.546-.99%201.124-.99c.58%200%20.957.45%201.126.99h1.687c-.194-1.402-1.402-2.4-2.813-2.4M19.2%203c.994%200%201.8.833%201.8%201.86V6.6H3V4.86C3%203.833%203.806%203%204.8%203z%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%22%231c68f3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%208.4v4.8H5.354c.684%203.135%203.406%205.4%206.646%205.4c2.679%200%205.079-1.874%206.188-4.2H21v4.74c0%201.027-.806%201.86-1.8%201.86H4.8c-.994%200-1.8-.833-1.8-1.86V8.4zm-4.5%206c-.954%201.442-2.682%202.4-4.5%202.4s-3.545-.958-4.5-2.4zM8.062%209.6c-1.41%200-2.618.998-2.812%202.4h1.663c.168-.54.571-.99%201.15-.99c.578%200%20.956.45%201.124.99h1.688c-.194-1.402-1.402-2.4-2.813-2.4m7.875%200c-1.41%200-2.618.998-2.812%202.4h1.688c.168-.54.546-.99%201.124-.99c.58%200%20.957.45%201.126.99h1.687c-.194-1.402-1.402-2.4-2.813-2.4M19.2%203c.994%200%201.8.833%201.8%201.86V6.6H3V4.86C3%203.833%203.806%203%204.8%203z%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/token-branded/mask.svg?color=%231a73e8&size=48
