mask icon

mask from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.

Name: mask
Set: Bootstrap Icons
Style: Outline
Viewbox: 16×16
License: MIT

The same icon in other sets

maskBoxIcons v2 maskBoxIcons v2 Solid maskFont Awesome 6 Solid maskFont Awesome Solid maskHuge Icons maskIconPark maskIconPark Outline maskIconPark Solid maskIconPark TwoTone maskJam Icons maskLine Awesome maskMyna UI Icons maskTabler Icons maskWeb3 Icons maskWeb3 Icons Branded

Use the mask icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.225 1.227A7.5 7.5 0 0 1 10.5 8a7.5 7.5 0 0 1-4.275 6.773a7 7 0 1 0 0-13.546M4.187.966a8 8 0 1 1 7.627 14.069A8 8 0 0 1 4.186.964z"/></svg>

React

import type { SVGProps } from "react";

export function BiMask(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.225 1.227A7.5 7.5 0 0 1 10.5 8a7.5 7.5 0 0 1-4.275 6.773a7 7 0 1 0 0-13.546M4.187.966a8 8 0 1 1 7.627 14.069A8 8 0 0 1 4.186.964z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.225 1.227A7.5 7.5 0 0 1 10.5 8a7.5 7.5 0 0 1-4.275 6.773a7 7 0 1 0 0-13.546M4.187.966a8 8 0 1 1 7.627 14.069A8 8 0 0 1 4.186.964z"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.225%201.227A7.5%207.5%200%200%201%2010.5%208a7.5%207.5%200%200%201-4.275%206.773a7%207%200%201%200%200-13.546M4.187.966a8%208%200%201%201%207.627%2014.069A8%208%200%200%201%204.186.964z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.225%201.227A7.5%207.5%200%200%201%2010.5%208a7.5%207.5%200%200%201-4.275%206.773a7%207%200%201%200%200-13.546M4.187.966a8%208%200%201%201%207.627%2014.069A8%208%200%200%201%204.186.964z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/mask.svg?color=%231a73e8&size=48