Face With Medical Mask アイコン
noto-v1:face-with-medical-mask
Face With Medical Mask アイコン(noto-v1:face-with-medical-mask)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- スマイリー・感情
- タグ
- facewith、withmedical、medicalmask、facewithmedicalmask
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M64.11 9.64C1.79 9.64.31 79.5.31 93.33s28.56 25.03 63.79 25.03c35.24 0 63.79-11.21 63.79-25.03c0-13.83-1.46-83.69-63.78-83.69"/><path fill="#2f2f2f" d="M34.98 46.77c.04-.97.21-1.86.43-2.72c1.81-.2 3.76-.51 5.9-1.11c3.17-.85 5.51-2.32 7.35-3.93c2.01 1.89 3.26 4.84 3.16 8.15c-.17 5.57-4.06 10.01-8.72 9.91c-4.65-.11-8.28-4.74-8.12-10.3m57.85 0c-.04-.97-.21-1.86-.43-2.72c-1.81-.2-3.76-.51-5.9-1.11c-3.17-.85-5.51-2.32-7.35-3.93c-2.01 1.89-3.26 4.84-3.16 8.15c.17 5.57 4.06 10.01 8.72 9.91c4.65-.11 8.28-4.74 8.12-10.3"/><path fill="#fff" d="M92.04 110.37a243.5 243.5 0 0 1-56.08 0C30.45 109.73 26 104.52 26 99V74c0-5.53 4.45-9.27 9.96-8.63c18.63 2.16 37.45 2.16 56.08 0c5.51-.64 9.96 3.1 9.96 8.63v25c0 5.52-4.45 10.73-9.96 11.37"/><defs><path id="SVGc4ewPc3U" d="M64.1 9.64C1.79 9.64.31 79.5.31 93.33s28.56 25.03 63.79 25.03c35.24 0 63.79-11.21 63.79-25.03c0-13.83-1.46-83.69-63.79-83.69"/></defs><clipPath id="SVGqsBuUdhR"><use href="#SVGc4ewPc3U"/></clipPath><g clip-path="url(#SVGqsBuUdhR)"><path fill="#fff" d="M97.2 80.1c-1.44 0-2.71-1.04-2.95-2.51a3 3 0 0 1 2.46-3.45c.18-.03 18.19-3.13 32.4-12.72c1.38-.93 3.24-.56 4.17.81s.57 3.24-.81 4.17C117.15 76.73 98.49 79.92 97.7 80.06c-.17.02-.33.04-.5.04"/></g><g clip-path="url(#SVGqsBuUdhR)"><path fill="#fff" d="M97.2 99.17c-1.58 0-2.91-1.24-2.99-2.84a3.005 3.005 0 0 1 2.83-3.16c.18-.01 18.44-1.05 32.69-6.4a2.997 2.997 0 0 1 2.11 5.61c-15.13 5.68-33.7 6.73-34.48 6.77c-.05.02-.1.02-.16.02"/></g><g clip-path="url(#SVGqsBuUdhR)"><path fill="#fff" d="M31.01 80.1c-.16 0-.33-.01-.5-.04c-.79-.13-19.45-3.32-34.77-13.67c-1.37-.93-1.74-2.79-.81-4.17s2.79-1.74 4.16-.81c14.25 9.62 32.22 12.69 32.4 12.72c1.63.27 2.74 1.82 2.47 3.45a2.99 2.99 0 0 1-2.95 2.52"/></g><g clip-path="url(#SVGqsBuUdhR)"><path fill="#fff" d="M31 99.17h-.16c-.78-.04-19.35-1.09-34.48-6.77a2.99 2.99 0 0 1-1.75-3.86a2.99 2.99 0 0 1 3.86-1.75c14.28 5.36 32.51 6.39 32.69 6.4c1.65.09 2.92 1.5 2.84 3.16a3 3 0 0 1-3 2.82"/></g></svg>
Face With Medical Mask アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:face-with-medical-mask" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:face-with-medical-mask" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:face-with-medical-mask" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--face-with-medical-mask]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:face-with-medical-mask"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:face-with-medical-mask"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/face-with-medical-mask.svg" alt="Face With Medical Mask アイコン" width="24" height="24">
他のアイコンセットの Face With Medical Mask アイコン
Face With Medical Mask アイコン のよくある質問
Face With Medical Mask アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Face With Medical Mask アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:face-with-medical-mask" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face With Medical Mask アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/face-with-medical-mask.svg" alt="Face With Medical Mask アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
