Sail Ship Flat アイコン
streamline-plump-color:sail-ship-flat
Sail Ship Flat アイコン(streamline-plump-color:sail-ship-flat)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 地図・旅行
- タグ
- sailship、shipflat、sailshipflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M25.5 3.92c0-1.967-2.283-3.295-3.973-1.936C15.22 7.057 9.917 15.135 7.054 19.998c-1.76 2.988.487 6.502 3.8 6.502H21.5V31a2 2 0 0 0 4 0zm3.377 1.052a1.5 1.5 0 0 0-.377 1v19.045a1.5 1.5 0 0 0 1.5 1.5h7.814a4.5 4.5 0 0 0 1.168-.152c2.59-.691 4.13-3.621 2.737-6.234l-.11-.205a99 99 0 0 0-.835-1.531c-2.381-4.281-5.95-9.997-9.753-13.528a1.5 1.5 0 0 0-1.215-.388a1.5 1.5 0 0 0-.929.493"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M43.5 33.221c-3.513.124-9.562.253-19.5.253c-10.955 0-17.184-.157-20.5-.29"/><path fill="#8fbffa" d="M4 29.5c-1.903 0-3.604 1.59-3.314 3.693c.27 1.958.934 5.063 2.576 8.533c1.39 2.936 4.402 4.477 7.422 4.563c3.382.097 8.408.211 13.316.211s9.933-.114 13.315-.211c3.02-.086 6.033-1.627 7.422-4.563c1.642-3.47 2.307-6.575 2.577-8.533c.29-2.103-1.412-3.693-3.314-3.693z"/><path fill="#2859c5" d="M46.948 35.25H1.053a30 30 0 0 0 .99 3.5h43.915c.447-1.28.765-2.464.99-3.5"/></g></svg>Sail Ship Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:sail-ship-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:sail-ship-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:sail-ship-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--sail-ship-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:sail-ship-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:sail-ship-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/sail-ship-flat.svg" alt="Sail Ship Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Sail Ship Flat アイコン
Sail Ship Flat アイコン のよくある質問
Sail Ship Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sail Ship Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:sail-ship-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sail Ship Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/sail-ship-flat.svg" alt="Sail Ship Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。