ICONYZ
日本語
Temaki の Fishing Pier アイコン

Fishing Pier アイコン

temaki:fishing-pier

Fishing Pier アイコン(temaki:fishing-pier)は、Temaki セットの無料 SVG アイコンです(作者: Bryan Housel)。 50 × 50 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Temaki
作者
Bryan Housel
ライセンス
CC0-1.0
サイズ
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.08 7.56c1.77 0 3.2-1.43 3.2-3.19a3.2 3.2 0 0 0-6.4 0c0 1.77 1.43 3.19 3.2 3.19m20.09 36.61c-.88-.41-1.88-.65-2.92-.65c-1.03 0-2.02.24-2.92.65c-.86.38-1.82.61-2.82.61s-1.98-.23-2.84-.6c-.88-.41-1.87-.65-2.92-.65s-2.04.24-2.92.65c-.87.38-1.83.61-2.84.61s-1.97-.23-2.84-.6c-.88-.41-1.88-.65-2.92-.65c-1.03 0-2.02.24-2.92.65c-.86.38-1.82.61-2.82.61c-1.01 0-1.98-.23-2.84-.6c-.88-.41-1.88-.65-2.92-.65s-2.04.24-2.92.65c-.87.38-1.83.61-2.84.61v4.23c1.01 0 1.97-.22 2.84-.6c.88-.41 1.88-.65 2.92-.65s2.04.24 2.92.65c.86.39 1.83.61 2.84.61c1 0 1.96-.22 2.82-.6c.89-.41 1.89-.65 2.92-.65c1.04 0 2.04.24 2.92.65c.87.39 1.83.61 2.84.61s1.97-.22 2.84-.6c.88-.41 1.88-.65 2.92-.65s2.04.24 2.92.65a6.92 6.92 0 0 0 5.66.01c.9-.41 1.89-.65 2.92-.65c1.04 0 2.04.24 2.92.65c.87.39 1.83.61 2.84.61v-4.23c-1.01 0-1.97-.23-2.84-.61zm.26-43.12c-.23-.09-.58-.04-.76.14l-11.72 11.8c-.18-.08-.43.02-.64.02h-4.43c-.76-1-4.76-4.91-4.76-4.91c-.2-.21-.47-.39-.73-.46c-.91-.8-2.3-.82-3.18.05l-6.85 6.87c-.26.26-.36.61-.36 1v4.45H2v2h10v11.52c0 1.43 1.07 2.58 2.49 2.58S17 34.96 17 33.53V22.01h7v15H2v3h24v-18h3v-2H17v-.82l6.48-6.43l2.64 2.71c.28.3.7.54 1.12.54h5.07c.87 0 1.7-.13 1.7-1c0-.21.07-.82 0-1c2.77-2.76 10-9.55 11-10.93v36.93h1V1.62c0-.25-.34-.47-.57-.57z"/></svg>

Fishing Pier アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Temaki アイコン をすべて見る →