Facemask Fill アイコン
f7:facemask-fill
Facemask Fill アイコン(f7:facemask-fill)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- facemaskfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28.008 15q5.365 0 9.061.875t5.619 2.568q.894.788 1.373 1.741h3.59q1.702 0 2.896.671a4.45 4.45 0 0 1 1.823 1.914q.63 1.243.63 2.977q0 2.633-1.194 4.653t-3.345 3.157q-1.996 1.055-4.608 1.13l-.558.008q-1.209 1.632-3.355 2.82q-2.232 1.234-5.267 1.905q-3.033.67-6.665.67q-3.647 0-6.681-.67t-5.267-1.905q-2.061-1.14-3.257-2.691l-.097-.131h-.138q-2.673 0-4.718-.98l-.311-.156q-2.151-1.137-3.345-3.157T3 25.746q0-1.734.63-2.977a4.45 4.45 0 0 1 1.823-1.914q1.075-.603 2.56-.663l.335-.007h3.591q.48-.954 1.373-1.742q1.922-1.694 5.627-2.568t9.07-.875M11.39 22.818H8.348q-1.309 0-2.011.785q-.704.786-.704 2.143q0 1.832.843 3.263a5.9 5.9 0 0 0 2.347 2.24q1.192.643 2.685.775a7 7 0 0 1-.11-.936l-.007-.32zm36.262 0h-3.043v7.95q0 .645-.117 1.255q1.504-.13 2.693-.773a5.93 5.93 0 0 0 2.34-2.241q.84-1.431.841-3.263q0-1.358-.703-2.143q-.645-.72-1.798-.78zm-12.136 6.15H20.5q-.556 0-.957.4q-.4.402-.4.974q0 .556.4.957q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.957q0-.573-.4-.973q-.344-.344-.813-.393zm0-6.297H20.5q-.556 0-.957.4q-.4.402-.4.957q0 .573.4.974q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.974q0-.556-.4-.956q-.344-.344-.813-.393z"/></svg>Facemask Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:facemask-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:facemask-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:facemask-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--facemask-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:facemask-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:facemask-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/facemask-fill.svg" alt="Facemask Fill アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Facemask Fill アイコン のよくある質問
Facemask Fill アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Facemask Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:facemask-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Facemask Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/facemask-fill.svg" alt="Facemask Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。