Fishing Pier アイコン

map:fishing-pier

Fishing Pier アイコン(map:fishing-pier)は、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
タグ: fishingpier

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M25.076 7.556a3.193 3.193 0 0 0 3.203-3.194c0-1.755-1.43-3.193-3.203-3.193s-3.203 1.438-3.203 3.193a3.194 3.194 0 0 0 3.203 3.194m20.088 36.608a6.9 6.9 0 0 0-2.918-.649a7 7 0 0 0-2.918.649c-.857.377-1.818.605-2.824.605s-1.979-.229-2.838-.605c-.881-.41-1.875-.649-2.916-.649s-2.037.239-2.918.649a7.1 7.1 0 0 1-2.836.605a7.15 7.15 0 0 1-2.837-.605a6.9 6.9 0 0 0-2.917-.649a7 7 0 0 0-2.917.649a7 7 0 0 1-2.817.605a7.1 7.1 0 0 1-2.837-.605c-.881-.41-1.876-.649-2.917-.649s-2.036.239-2.917.649A7.1 7.1 0 0 1 2 44.77V49a6.95 6.95 0 0 0 2.837-.605c.881-.41 1.876-.649 2.917-.649s2.036.239 2.917.649a6.9 6.9 0 0 0 5.654 0a7 7 0 0 1 2.917-.649c1.041 0 2.036.239 2.917.649a6.95 6.95 0 0 0 5.673 0c.881-.41 1.877-.649 2.918-.649s2.035.239 2.916.649c.859.388 1.832.605 2.838.605s1.967-.217 2.824-.605a7 7 0 0 1 2.918-.649c1.041 0 2.035.239 2.918.649c.867.388 1.83.605 2.836.605v-4.23a7.1 7.1 0 0 1-2.836-.606m.264-43.121c-.23-.091-.578-.035-.762.137L32.949 12.976c-.183-.08-.426.024-.644.024h-4.426c-.756-1-4.759-4.906-4.759-4.906c-.205-.206-.469-.395-.732-.463c-.915-.799-2.299-.825-3.18.053l-6.848 6.87c-.263.262-.36.608-.36.996V20H2v2h10v11.523c0 1.426 1.068 2.578 2.493 2.578c1.416 0 2.507-1.152 2.507-2.578V22h7v15H2v3h24V22h3v-2H17v-.824l6.475-6.431l2.643 2.711c.284.296.696.544 1.12.544h5.066c.872 0 1.696-.133 1.696-1c0-.206.066-.817 0-1c2.768-2.76 10-9.547 11-10.927V40h1V1.613c0-.251-.344-.467-.572-.57"/></svg>

Fishing Pier アイコンの使い方

React

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

<Icon icon="map:fishing-pier" width="24" />

Vue

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

<template>
  <Icon icon="map:fishing-pier" width="24" />
</template>

Svelte

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

<Icon icon="map:fishing-pier" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="map:fishing-pier"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/map/fishing-pier.svg" alt="Fishing Pier アイコン" width="24" height="24">

他のアイコンセットの Fishing Pier アイコン

Fishing Pier アイコンのよくある質問

Fishing Pier アイコンは商用利用でも無料ですか?

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

React で Fishing Pier アイコンを使うには?

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

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

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

Map Icons をすべて見る →