Ship アイコン
emojione-v1:ship
Ship アイコン(emojione-v1:ship)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#54aaea"><path d="M63.949 57.03a6.89 6.89 0 0 1-6.891 6.894H6.938A6.89 6.89 0 0 1 .051 57.03V6.91A6.89 6.89 0 0 1 6.938.021h50.12a6.887 6.887 0 0 1 6.891 6.889l-.003 50.12"/><path d="M.051 48.676v12.162c0 3.809 3.082 3.084 6.887 3.084h50.12c3.811 0 6.891.434 6.891-3.375V6.911C53.036 46.545 13.809 49.061.048 48.676"/></g><path fill="#243438" d="M42.07 6.06h6.746V19.2H42.07zm8.95 0h5.771V19.2H51.02z"/><g fill="#d1d2d3"><path d="M64 58.6H24.81L8.813 26.06h55.18z"/><path d="M64 15.27H36.74L25.611 26.33h38.39z"/></g><path fill="#de374b" d="M64 58.6V41.46H16.382l8.431 17.14z"/><path fill="#243438" d="M64 26.332V24.25H27.7l-2.091 2.082z"/><path fill="#79bcda" d="M41.782 35.37h3.917v5.02h-3.917zm-5.582 0h3.916v5.02H36.2zm11.05 0h3.917v5.02H47.25zm5.62 0h3.916v5.02H52.87zm5.68 0h3.921v5.02H58.55zM38.16 18.618h3.916v5.03H38.16zm5.326 0H47.4v5.03h-3.914zm5.467 0h3.917v5.03h-3.917zm5.067 0h3.916v5.03H54.02zm5.2 0h3.913v5.03H59.22z"/><path fill="#de374b" d="m8.07 25.666l1.49 3.494H64v-3.494z"/><path fill="#0a9cdd" d="M55.967 47.979c-8.08.512-15.443-.943-23.427 1.142c-3.672.96-7.44 1.923-11.274 1.549c-3.31-.321-6.652-1.169-9.981-1.203c-3.728-.038-7.428.543-11.134 1.165V60.84c0 3.809 3.082 3.084 6.887 3.084h50.12c3.809 0 6.889.434 6.889-3.375V46.72c-2.645.634-5.335 1.087-8.08 1.259"/><path fill="#93dff9" d="M24.18 52.14c8.717 1.928 16.838 1.612 25.676 1.45c4.84-.089 9.543.22 14.197.957v-7.826c-2.645.634-5.335 1.087-8.08 1.259c-8.08.512-15.443-.943-23.427 1.142c-3.672.96-7.44 1.923-11.274 1.549a52 52 0 0 1-1.862-.229c1.522.727 3.098 1.329 4.772 1.698"/></svg>
Ship アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:ship" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:ship" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:ship" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--ship]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:ship"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:ship"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/ship.svg" alt="Ship アイコン" width="24" height="24">
Ship アイコン のよくある質問
Ship アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Ship アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:ship" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ship アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/ship.svg" alt="Ship アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
