Diving アイコン
map:diving
Diving アイコン(map:diving)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Map Icons
- 作者
- Scott de Jonge
- ライセンス
- OFL-1.1
- サイズ
- 50 × 50
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M47 48.001a6.6 6.6 0 0 1-2.706-.59a6.6 6.6 0 0 0-2.793-.621c-.995 0-1.939.229-2.794.621c-.82.371-1.739.59-2.706.59a6.6 6.6 0 0 1-2.707-.59a6.7 6.7 0 0 0-2.794-.621c-.996 0-1.948.229-2.794.621a6.6 6.6 0 0 1-2.704.59a6.7 6.7 0 0 1-2.718-.59a6.6 6.6 0 0 0-2.781-.621a6.6 6.6 0 0 0-2.792.621a6.6 6.6 0 0 1-2.702.59a6.7 6.7 0 0 1-2.717-.59a6.6 6.6 0 0 0-2.782-.621a6.6 6.6 0 0 0-2.794.621a6.6 6.6 0 0 1-2.717.59V43.95c.963 0 1.895-.219 2.717-.59a6.8 6.8 0 0 1 2.794-.611c.985 0 1.938.23 2.782.611a6.7 6.7 0 0 0 2.717.59c.959 0 1.879-.219 2.702-.59a6.8 6.8 0 0 1 2.792-.611c.986 0 1.937.23 2.781.611c.832.371 1.752.59 2.718.59a6.6 6.6 0 0 0 2.704-.59a6.8 6.8 0 0 1 2.794-.611c.999 0 1.939.23 2.794.611a6.6 6.6 0 0 0 2.707.59c.967 0 1.886-.219 2.706-.59a6.85 6.85 0 0 1 2.794-.611c.994 0 1.948.23 2.793.611c.821.371 1.743.59 2.706.59zM15.451 28.142a3.71 3.71 0 0 0 3.713-3.702c0-2.042-1.664-3.691-3.713-3.691c-2.044 0-3.708 1.649-3.708 3.691s1.664 3.702 3.708 3.702m.526 12.795a2.08 2.08 0 0 1-2.854.744a2.086 2.086 0 0 1-.756-2.852l8.606-14.771a3.46 3.46 0 0 1 1.322-1.321l11.066-6.682l7.515-12.751a2.606 2.606 0 0 1 3.551-.961a2.597 2.597 0 0 1 .95 3.538l-9.004 15.273a3.34 3.34 0 0 1-1.325 1.321l-13.059 8.091z"/></svg>Diving アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="map:diving" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:diving" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:diving" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--diving]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:diving"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:diving"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/map/diving.svg" alt="Diving アイコン" width="24" height="24">他のアイコンセットの Diving アイコン
Diving アイコン のよくある質問
Diving アイコンは商用利用でも無料ですか?
はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Diving アイコンを使うには?
@iconify/react をインストールして <Icon icon="map:diving" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Diving アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/diving.svg" alt="Diving アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。