domino mask icon
domino-mask from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- domino-mask
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- domino-mask-rounded, domino-mask-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the domino mask icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.8 17q-1.063 0-2.072-.383t-1.78-1.104q-1.007-.97-1.478-2.335Q2 11.814 2 10.375q0-1.489.7-2.432T4.744 7q.235 0 .47.043q.236.043.465.13L12 9.552l6.321-2.379q.229-.087.464-.13t.47-.043q1.345 0 2.045.943t.7 2.432q0 1.439-.47 2.803t-1.478 2.336q-.771.72-1.78 1.103T16.2 17q-1.38 0-2.483-.75l-1.102-.75h-1.23l-1.102.75Q9.18 17 7.8 17m.925-3.23q.61 0 .977-.28t.367-.74q-.019-.879-1.242-1.699t-2.552-.82q-.61 0-.967.28q-.358.28-.358.739q.02.898 1.233 1.709q1.213.81 2.542.81m6.55 0q1.329 0 2.552-.82t1.242-1.699q0-.465-.364-.742t-.98-.277q-1.31.019-2.533.83T13.95 12.75q0 .46.355.74t.97.28"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDominoMask(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="M7.8 17q-1.063 0-2.072-.383t-1.78-1.104q-1.007-.97-1.478-2.335Q2 11.814 2 10.375q0-1.489.7-2.432T4.744 7q.235 0 .47.043q.236.043.465.13L12 9.552l6.321-2.379q.229-.087.464-.13t.47-.043q1.345 0 2.045.943t.7 2.432q0 1.439-.47 2.803t-1.478 2.336q-.771.72-1.78 1.103T16.2 17q-1.38 0-2.483-.75l-1.102-.75h-1.23l-1.102.75Q9.18 17 7.8 17m.925-3.23q.61 0 .977-.28t.367-.74q-.019-.879-1.242-1.699t-2.552-.82q-.61 0-.967.28q-.358.28-.358.739q.02.898 1.233 1.709q1.213.81 2.542.81m6.55 0q1.329 0 2.552-.82t1.242-1.699q0-.465-.364-.742t-.98-.277q-1.31.019-2.533.83T13.95 12.75q0 .46.355.74t.97.28"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.8 17q-1.063 0-2.072-.383t-1.78-1.104q-1.007-.97-1.478-2.335Q2 11.814 2 10.375q0-1.489.7-2.432T4.744 7q.235 0 .47.043q.236.043.465.13L12 9.552l6.321-2.379q.229-.087.464-.13t.47-.043q1.345 0 2.045.943t.7 2.432q0 1.439-.47 2.803t-1.478 2.336q-.771.72-1.78 1.103T16.2 17q-1.38 0-2.483-.75l-1.102-.75h-1.23l-1.102.75Q9.18 17 7.8 17m.925-3.23q.61 0 .977-.28t.367-.74q-.019-.879-1.242-1.699t-2.552-.82q-.61 0-.967.28q-.358.28-.358.739q.02.898 1.233 1.709q1.213.81 2.542.81m6.55 0q1.329 0 2.552-.82t1.242-1.699q0-.465-.364-.742t-.98-.277q-1.31.019-2.533.83T13.95 12.75q0 .46.355.74t.97.28"/></svg> </template>
CSS
.icon-domino-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%22currentColor%22%20d%3D%22M7.8%2017q-1.063%200-2.072-.383t-1.78-1.104q-1.007-.97-1.478-2.335Q2%2011.814%202%2010.375q0-1.489.7-2.432T4.744%207q.235%200%20.47.043q.236.043.465.13L12%209.552l6.321-2.379q.229-.087.464-.13t.47-.043q1.345%200%202.045.943t.7%202.432q0%201.439-.47%202.803t-1.478%202.336q-.771.72-1.78%201.103T16.2%2017q-1.38%200-2.483-.75l-1.102-.75h-1.23l-1.102.75Q9.18%2017%207.8%2017m.925-3.23q.61%200%20.977-.28t.367-.74q-.019-.879-1.242-1.699t-2.552-.82q-.61%200-.967.28q-.358.28-.358.739q.02.898%201.233%201.709q1.213.81%202.542.81m6.55%200q1.329%200%202.552-.82t1.242-1.699q0-.465-.364-.742t-.98-.277q-1.31.019-2.533.83T13.95%2012.75q0%20.46.355.74t.97.28%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%22M7.8%2017q-1.063%200-2.072-.383t-1.78-1.104q-1.007-.97-1.478-2.335Q2%2011.814%202%2010.375q0-1.489.7-2.432T4.744%207q.235%200%20.47.043q.236.043.465.13L12%209.552l6.321-2.379q.229-.087.464-.13t.47-.043q1.345%200%202.045.943t.7%202.432q0%201.439-.47%202.803t-1.478%202.336q-.771.72-1.78%201.103T16.2%2017q-1.38%200-2.483-.75l-1.102-.75h-1.23l-1.102.75Q9.18%2017%207.8%2017m.925-3.23q.61%200%20.977-.28t.367-.74q-.019-.879-1.242-1.699t-2.552-.82q-.61%200-.967.28q-.358.28-.358.739q.02.898%201.233%201.709q1.213.81%202.542.81m6.55%200q1.329%200%202.552-.82t1.242-1.699q0-.465-.364-.742t-.98-.277q-1.31.019-2.533.83T13.95%2012.75q0%20.46.355.74t.97.28%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/domino-mask.svg?color=%231a73e8&size=48
