Domino Mask Outline アイコン
material-symbols:domino-mask-outline
Domino Mask Outline アイコン(material-symbols:domino-mask-outline)は、Material Symbols セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- dominomask、maskoutline、dominomaskoutline、domino mask outline rounded、domino mask outline sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.8 18q-1.275 0-2.437-.45t-2.088-1.325q-1.2-1.125-1.737-2.662T1 10.375q0-1.95.95-3.162T4.725 6q.35 0 .663.063t.637.187L12 8.475l5.975-2.225q.325-.125.638-.187T19.275 6Q21.1 6 22.05 7.213t.95 3.162q0 1.65-.537 3.188t-1.738 2.662q-.925.875-2.087 1.325T16.2 18q-1.65 0-2.8-.75l-1.15-.75h-.5l-1.15.75Q9.45 18 7.8 18m0-2q.925 0 1.725-.437T11 14.5h2q.675.625 1.475 1.063T16.2 16q.9 0 1.737-.312t1.488-.963q.85-.85 1.213-2t.362-2.35q0-1.025-.425-1.712T19.225 8q-.075 0-.55.1L12 10.6L5.325 8.1q-.125-.05-.262-.075T4.775 8q-.925 0-1.35.675T3 10.375q0 1.225.363 2.375t1.237 2q.65.625 1.475.938T7.8 16m1.225-1.5q.925 0 1.45-.413T11 12.95q0-1.225-1.613-2.337T5.975 9.5q-.925 0-1.45.413T4 11.05q0 1.225 1.613 2.338T9.025 14.5m-.15-1.5q-.95 0-2.062-.625T5.5 11.1q.125-.05.288-.087t.337-.038q.95 0 2.063.638T9.5 12.9q-.125.05-.288.075T8.876 13m6.1 1.525q1.8 0 3.413-1.125T20 11.05q0-.725-.512-1.15t-1.463-.425q-1.8 0-3.412 1.125T13 12.95q0 .725.525 1.15t1.45.425m.15-1.525q-.175 0-.325-.025t-.275-.075q.2-.65 1.313-1.275T17.9 11q.175 0 .325.025t.275.075q-.2.65-1.312 1.275T15.125 13M12 12"/></svg>Domino Mask Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:domino-mask-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:domino-mask-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:domino-mask-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--domino-mask-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:domino-mask-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:domino-mask-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/domino-mask-outline.svg" alt="Domino Mask Outline アイコン" width="24" height="24">Material Symbols の関連アイコン
他のアイコンセットの Domino Mask Outline アイコン
Domino Mask Outline アイコン のよくある質問
Domino Mask Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Domino Mask Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:domino-mask-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Domino Mask Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/domino-mask-outline.svg" alt="Domino Mask Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。