Sailing Ship アイコン
pinhead:sailing-ship
Sailing Ship アイコン(pinhead:sailing-ship)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- sailingship
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.48 0c-.05 0-.08.04-.08.09c-.02.01-.03.02-.04.03c-.18.2-.28.35-.37.43s-.18.11-.42.07c-.21-.04-.33-.19-.5-.33a.74.74 0 0 0-.3-.17C5.64.09 5.5.11 5.33.18c-.05.02-.07.07-.07.12c0 .04.02.09.07.11c.21.09.29.19.37.34l.1.2c.05.11.11.22.21.35c.17.22.41.35.66.4c.24.06.5.05.7-.02c.01 0 .02 0 .02-.01v1.09L5.2 1.43a.2.2 0 0 0-.07-.02q-.075 0-.12.06a.23.23 0 0 0-.02.14c.67 2.23.12 4.46-1.34 6.71a.3.3 0 0 0-.12-.06L.72 7.62c-.09-.03-.19.01-.26.08c-.37.4-.5.95-.45 1.48c.04.46.22.91.49 1.28l.13.15c.03.05.08.08.13.09l1.29.39c-.03 1.21.08 1.95.3 2.44l.06.13l.07.12c.31.52.83.88 1.43.97c1.07.17 2.26.25 3.59.25q1.635 0 2.64-.12l.21-.03c.42-.07.8-.26 1.1-.55c.92-.91 1.44-1.66 1.55-2.26c.17-.97.03-1.99-.13-2.98l2-1.45c.11-.08.16-.23.11-.37a.31.31 0 0 0-.29-.22l-.05.01l-3.04.71a.32.32 0 0 0-.24.27v.19c-.01.2-.06.64-.38 1.11c-.41.61-1.28 1.26-3.21 1.34l-.05-2.3c.61.1 1.18.28 1.68.59c.06.04.14.02.18-.05c.5-.77.65-1.55.63-2.31c-.02-.77-.2-1.52-.36-2.26c-.01-.04-.03-.08-.07-.1L7.62 2.9L7.56.09c0-.02-.01-.05-.02-.06Q7.51 0 7.48 0M7.4.48l-.01.2v.75c-.18-.28-.2-.46-.17-.61c.03-.1.1-.21.18-.34m1.33 2.08c-.01 0-.02 0-.03.01v.02c-.01.01 0 .03.01.03l.01.01c.98.4 1.54.84 1.86 1.3c.33.45.41.91.42 1.37c.01.45-.06.9-.03 1.3s.15.76.54 1.04h.04c.01-.01.02-.03.02-.04c-.02-.11.04-.25.16-.4c.12-.14.3-.29.51-.42c.42-.26.95-.44 1.37-.36c.02 0 .03-.01.04-.03c.01-.01 0-.03-.02-.04c-.37-.21-.54-.52-.66-.89c-.11-.38-.19-.8-.37-1.22c-.19-.41-.5-.81-1.09-1.11c-.54-.28-1.33-.48-2.47-.55zm-1.89 5.7l.52.04v1.77c0 .21-.01.4-.01.59c-1.97-.01-2.85-.57-3.24-1.07c-.35-.44-.36-.84-.35-.95v-.03c1.09-.23 2.13-.37 3.08-.35m3.86 2.72c.34.01.63.29.63.65c0 .35-.29.64-.63.64c-.17 0-.33-.07-.45-.19a.63.63 0 0 1-.18-.45c0-.17.06-.34.18-.46s.28-.19.45-.19m-6.34.14c.17 0 .33.07.44.19a.64.64 0 0 1 0 .91c-.11.12-.27.19-.44.19c-.35 0-.63-.29-.63-.64c0-.17.07-.34.18-.46c.12-.12.28-.19.45-.19m3.19.46c.17 0 .33.07.45.19c.11.12.18.28.18.45c0 .18-.07.34-.18.46c-.12.12-.28.19-.45.19c-.35 0-.63-.29-.63-.65c0-.17.07-.33.19-.45c.09-.1.21-.16.34-.18z"/></svg>Sailing Ship アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:sailing-ship" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:sailing-ship" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:sailing-ship" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--sailing-ship]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:sailing-ship"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:sailing-ship"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/sailing-ship.svg" alt="Sailing Ship アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Sailing Ship アイコン のよくある質問
Sailing Ship アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sailing Ship アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:sailing-ship" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sailing Ship アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/sailing-ship.svg" alt="Sailing Ship アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。