Diving Mask アイコン
fluent-emoji-flat:diving-mask
Diving Mask アイコン(fluent-emoji-flat:diving-mask)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
- タグ
- divingmask
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M11.031 15.738A2.5 2.5 0 0 0 13.52 18a2.49 2.49 0 0 0 2.479-2.24l-.117-.234c-.447-.378-.761-.832-.996-1.394l-.47-1.017c-.15-.34-.537-.598-.896-.598c-.369 0-.814.259-.953.598l-.441 1.017a3.6 3.6 0 0 1-.975 1.344z"/><path fill="#83cbff" d="m11.74 12.805l-.417.982l-.002.005A2.785 2.785 0 0 1 8.754 15.5A4.75 4.75 0 0 1 4 10.75A4.75 4.75 0 0 1 8.774 6h9.472A4.75 4.75 0 0 1 23 10.75a4.75 4.75 0 0 1-4.754 4.75a2.785 2.785 0 0 1-2.567-1.708l-.424-.998l-.003-.006a1.92 1.92 0 0 0-1.752-1.155c-.768 0-1.463.458-1.76 1.172"/><path fill="#f8312f" d="M22.365 10.75a4.14 4.14 0 0 0-4.138-4.136H8.754a4.14 4.14 0 0 0-4.139 4.136a4.14 4.14 0 0 0 4.139 4.136c.877 0 1.655-.519 1.994-1.326l.419-.986a2.51 2.51 0 0 1 2.323-1.545a2.52 2.52 0 0 1 2.323 1.545l.42.986a2.15 2.15 0 0 0 1.994 1.326a4.14 4.14 0 0 0 4.138-4.136M8.754 5h9.473A5.77 5.77 0 0 1 24 10.75a5.75 5.75 0 0 1-5.754 5.75a3.78 3.78 0 0 1-3.49-2.322l-.418-.987a.92.92 0 0 0-.838-.558a.9.9 0 0 0-.838.559l-.418.986a3.78 3.78 0 0 1-3.49 2.322A5.75 5.75 0 0 1 3 10.75A5.75 5.75 0 0 1 8.754 5M28 22V6l-.5-.5h-2L25 6v16.023l-.009.15c-.01.137-.03.344-.072.596a6.5 6.5 0 0 1-.573 1.81c-.317.635-.77 1.224-1.42 1.657c-.641.428-1.563.764-2.926.764s-2.285-.336-2.926-.764c-.65-.433-1.103-1.022-1.42-1.657a6.5 6.5 0 0 1-.573-1.81a7 7 0 0 1-.08-.768L15 21.994A1.5 1.5 0 0 0 12 22v.043l.002.08q.004.098.014.263c.016.218.046.519.106.876a9.5 9.5 0 0 0 .849 2.659c.495.99 1.261 2.026 2.44 2.812C16.596 29.523 18.112 30 20 30s3.403-.476 4.59-1.267c1.177-.786 1.944-1.822 2.44-2.812a9.5 9.5 0 0 0 .848-2.659a10 10 0 0 0 .12-1.139l.002-.08z"/><path fill="#533566" d="M25.5 2a.5.5 0 0 0-.5.5V6h3V2.5a.5.5 0 0 0-.5-.5zM11.017 20h4.966c.568 0 1.017.451 1.017 1s-.459 1-1.017 1h-4.966A1.013 1.013 0 0 1 10 21c0-.549.459-1 1.017-1"/></g></svg>Diving Mask アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:diving-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:diving-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:diving-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--diving-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:diving-mask"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:diving-mask"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/diving-mask.svg" alt="Diving Mask アイコン" width="24" height="24">他のアイコンセットの Diving Mask アイコン
Diving Mask アイコン のよくある質問
Diving Mask アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Diving Mask アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:diving-mask" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Diving Mask アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/diving-mask.svg" alt="Diving Mask アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。