Facial Mask アイコン
icon-park:facial-mask
Facial Mask アイコン(icon-park:facial-mask)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 健康
- タグ
- facialmask
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M10 15.1142C10 13.8463 10.797 12.7154 11.991 12.2889L22.991 8.36036C23.6435 8.12733 24.3565 8.12733 25.009 8.36036L36.009 12.2889C37.203 12.7154 38 13.8463 38 15.1142V31.6041C38 32.4892 37.6101 33.3292 36.9082 33.8682C34.4672 35.7425 28.4345 40 24 40C19.5655 40 13.5328 35.7425 11.0918 33.8682C10.3899 33.3292 10 32.4892 10 31.6041V15.1142Z"/><path stroke="#000" stroke-linecap="round" d="M10 28C6.68629 28 4 24.8896 4 21.0526C4 17.2157 6.68629 16 10 16"/><path stroke="#000" stroke-linecap="round" d="M38 28C41.3137 28 44 24.8896 44 21.0526C44 17.2157 41.3137 16 38 16"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M16 25L24 21L32 25"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M19 31L24 29L29 31"/></g></svg>Facial Mask アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:facial-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:facial-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:facial-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--facial-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:facial-mask"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:facial-mask"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/facial-mask.svg" alt="Facial Mask アイコン" width="24" height="24">IconPark の関連アイコン
他のアイコンセットの Facial Mask アイコン
Facial Mask アイコン のよくある質問
Facial Mask アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Facial Mask アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:facial-mask" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Facial Mask アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/facial-mask.svg" alt="Facial Mask アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。