ICONYZ
English
Fishing Pier icon from Map Icons

Fishing Pier icon

map:fishing-pier

The Fishing Pier icon (map:fishing-pier) is a free SVG icon from the Map Icons set by Scott de Jonge. It is drawn on a 50 × 50 grid. Map Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Map Icons
Author
Scott de Jonge
License
OFL-1.1
Size
50 × 50
Tags
fishingpier
Download SVG

SVG code

<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>

How to use the Fishing Pier icon

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 component

<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 image

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

Fishing Pier icon in other icon sets

Fishing Pier icon from Temaki
Temaki

Fishing Pier icon FAQ

Is the Fishing Pier icon free for commercial use?

Yes. Map Icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Fishing Pier icon in React?

Install @iconify/react and render <Icon icon="map:fishing-pier" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fishing Pier icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/map/fishing-pier.svg" alt="Fishing Pier icon">, or paste the SVG code inline to style it with CSS.

Browse all Map Icons →