Mask アイコン
fa-solid:mask
Mask アイコン(fa-solid:mask)は、Font Awesome 5 Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 512 のグリッドで描かれています。 Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 512
- カテゴリ
- ハロウィン、セキュリティ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M320.67 64c-442.6 0-357.57 384-158.46 384c39.9 0 77.47-20.69 101.42-55.86l25.73-37.79c15.66-22.99 46.97-22.99 62.63 0l25.73 37.79C401.66 427.31 439.23 448 479.13 448c189.86 0 290.63-384-158.46-384M184 308.36c-41.06 0-67.76-25.66-80.08-41.05c-5.23-6.53-5.23-16.09 0-22.63c12.32-15.4 39.01-41.05 80.08-41.05s67.76 25.66 80.08 41.05c5.23 6.53 5.23 16.09 0 22.63c-12.32 15.4-39.02 41.05-80.08 41.05m272 0c-41.06 0-67.76-25.66-80.08-41.05c-5.23-6.53-5.23-16.09 0-22.63c12.32-15.4 39.01-41.05 80.08-41.05s67.76 25.66 80.08 41.05c5.23 6.53 5.23 16.09 0 22.63c-12.32 15.4-39.02 41.05-80.08 41.05"/></svg>
Mask アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:mask" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:mask" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:mask" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--mask]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:mask"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:mask"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-solid/mask.svg" alt="Mask アイコン" width="24" height="24">
Mask アイコン のよくある質問
Mask アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mask アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-solid:mask" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mask アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-solid/mask.svg" alt="Mask アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Solid アイコン をすべて見る →
ICONYZ
