Boat Tour アイコン

map:boat-tour

Boat Tour アイコン(map:boat-tour)は、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
タグ: boattour

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M48 41c-1 0-1.854-.226-2.734-.615c-.916-.411-1.852-.652-2.923-.652a7.1 7.1 0 0 0-2.954.652a7.2 7.2 0 0 1-2.897.615a7.3 7.3 0 0 1-2.908-.615a7.3 7.3 0 0 0-2.991-.652c-1.07 0-2.091.241-3.007.652c-.88.39-1.877.615-2.91.615a7.25 7.25 0 0 1-2.912-.615a7.3 7.3 0 0 0-3.002-.652a7.3 7.3 0 0 0-3.002.652a7.3 7.3 0 0 1-2.913.615a7.3 7.3 0 0 1-2.923-.615a7.3 7.3 0 0 0-2.997-.652a7.3 7.3 0 0 0-3.008.652A7.4 7.4 0 0 1 1 41v-4.27c1 0 2.031-.23 2.918-.621a7.35 7.35 0 0 1 3.005-.652c1.066 0 2.095.242 2.999.652a7.3 7.3 0 0 0 2.924.621c1.034 0 2.026-.23 2.913-.621a7.3 7.3 0 0 1 3.003-.652a7.35 7.35 0 0 1 3.002.652c.881.391 1.88.621 2.913.621s2.032-.23 2.912-.621a7.4 7.4 0 0 1 3.009-.652c1.066 0 2.088.242 2.997.652a7.3 7.3 0 0 0 2.919.621c1.038 0 2.026-.23 2.918-.621a7.3 7.3 0 0 1 2.997-.652c1.071 0 1.921.242 2.837.652c.88.391 1.734.621 2.734.621zM1.028 23l-.017 9.91c1.033 0 2.026-.311 2.913-.701c.91-.412 1.937-.697 3.002-.697c1.066 0 2.093.219 2.997.631a7.28 7.28 0 0 0 5.836-.015a7.3 7.3 0 0 1 3.002-.656c1.066 0 2.087.239 3.002.651a7.2 7.2 0 0 0 5.825-.001a7.3 7.3 0 0 1 3.009-.653c1.066 0 2.088.241 2.997.653a7.3 7.3 0 0 0 2.919.614c.292 0 .572-.061.858-.093c.521-.109 1.049-.159 1.555-.356l.034-.017c3.76-1.492 7.003-5.011 9.028-7.766L49 23zm26.776-11h7.044c.079 0 1.902-.281 2.514 1.053L40.009 19h-9.023zM9 18.382c0 .466-.384.618-.855.618H4.272C3.8 19 3 18.848 3 18.382v-5.729c0-.46.8-.653 1.272-.653h3.872c.472 0 .856.193.856.653zm16 0c0 .466-.418.618-.895.618h-3.867c-.477 0-1.238-.152-1.238-.618v-5.729c0-.46.761-.653 1.238-.653h3.867c.477 0 .895.193.895.653zm-8 0c0 .466-.416.618-.892.618h-3.844c-.478 0-1.264-.152-1.264-.618v-5.729c0-.46.786-.653 1.264-.653h3.844c.476 0 .892.193.892.653zm21.545-7.077C37.394 8.803 34.279 9 34.279 9H1.005L1 21h41.715z"/></svg>

Boat Tour アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="map:boat-tour" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="map:boat-tour" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="map:boat-tour" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--boat-tour]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:boat-tour"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="map:boat-tour"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/map/boat-tour.svg" alt="Boat Tour アイコン" width="24" height="24">

Map Icons の関連アイコン

他のアイコンセットの Boat Tour アイコン

Boat Tour アイコンのよくある質問

Boat Tour アイコンは商用利用でも無料ですか?

はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Boat Tour アイコンを使うには?

@iconify/react をインストールして <Icon icon="map:boat-tour" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Boat Tour アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/boat-tour.svg" alt="Boat Tour アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Map Icons をすべて見る →