Boating アイコン
map:boating
Boating アイコン(map:boating)は、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="M50 40c-1 0-2.007-.236-2.876-.637a6.9 6.9 0 0 0-2.944-.674a6.9 6.9 0 0 0-2.958.674c-.88.4-1.854.637-2.875.637a6.9 6.9 0 0 1-2.863-.637a6.9 6.9 0 0 0-2.956-.674c-1.045 0-2.054.25-2.945.674a6.95 6.95 0 0 1-2.877.637a6.8 6.8 0 0 1-2.864-.637a6.9 6.9 0 0 0-2.954-.674c-1.056 0-2.052.25-2.946.674a6.9 6.9 0 0 1-2.874.637a6.8 6.8 0 0 1-2.858-.637c-.904-.424-1.902-.674-2.957-.674s-1.768.25-2.673.674C5.711 39.764 5 40 4 40v-4.378c1 0 1.711-.236 2.58-.637c.904-.413 1.76-.663 2.815-.663s1.981.25 2.886.663c.87.4 1.802.637 2.823.637s1.976-.236 2.857-.637a7 7 0 0 1 2.937-.663c1.052 0 2.056.25 2.949.663c.869.4 1.841.637 2.861.637s1.993-.236 2.875-.637a7 7 0 0 1 2.944-.663c1.054 0 2.062.25 2.956.663c.868.4 1.855.637 2.863.637a6.9 6.9 0 0 0 2.875-.637a7.1 7.1 0 0 1 2.958-.663c1.043 0 2.052.25 2.944.663c.869.4 1.876.637 2.876.637zM38.288 21.714l8.466.673l-.639-4.403l-6.215-.447c-1.68-.083-1.438 1.629-1.438 1.629zm-15.699-1.003c1.555 0 2.807-1.274 2.807-2.855c0-1.582-1.251-2.855-2.807-2.855c-1.553 0-2.802 1.274-2.802 2.855s1.249 2.855 2.802 2.855M5.265 31.716a7 7 0 0 0 1.032-.401c.905-.424 1.902-.673 2.957-.673s2.053.249 2.957.673c.87.401 1.837.637 2.858.637a6.9 6.9 0 0 0 2.875-.637a6.86 6.86 0 0 1 2.946-.673c1.052 0 2.061.249 2.954.673a6.8 6.8 0 0 0 2.864.637c1.02 0 1.994-.235 2.876-.637a6.9 6.9 0 0 1 2.945-.673c1.054 0 2.062.249 2.956.673a6.9 6.9 0 0 0 2.863.637a6.9 6.9 0 0 0 2.875-.637a6.9 6.9 0 0 1 2.958-.673c1.043 0 2.052.249 2.944.673a6.8 6.8 0 0 0 2.865.637l-.952-7.807l-35.188-2.998l5.311-5.452l-2.331-.212l-5.304 5.464l-11.525-.968c-.07 4 4.312 10.651 5.264 11.737"/></svg>Boating アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="map:boating" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:boating" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:boating" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--boating]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:boating"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:boating"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/map/boating.svg" alt="Boating アイコン" width="24" height="24">他のアイコンセットの Boating アイコン
Boating アイコン のよくある質問
Boating アイコンは商用利用でも無料ですか?
はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Boating アイコンを使うには?
@iconify/react をインストールして <Icon icon="map:boating" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boating アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/boating.svg" alt="Boating アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。