ICONYZ
Bahasa Indonesia
Ikon Ship dari Element Plus

Ikon Ship

ep:ship

Ikon Ship (ep:ship) adalah ikon SVG gratis dari set Element Plus. Ikon ini digambar pada grid 1024 × 1024. Element Plus icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Element Plus
Pembuat
Element Plus
Lisensi
MIT
Ukuran
1024 × 1024
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 386.9V448h405.6a32 32 0 0 1 30.7 40.8l-76.5 268A192 192 0 0 1 687.2 896H336.8a192 192 0 0 1-184.6-139.3l-76.6-268a32 32 0 0 1 30.8-40.7H448V117.9a32 32 0 0 1 47.4-28.1l13.8 7.6L512 96v2.9l231.7 126.4a32 32 0 0 1-2 57.2zm0-70.3l144.8-65.8l-144.8-79zm0 195.4H148.9l18.2 64H857l18.2-64zM185.4 640l28.4 99.2a128 128 0 0 0 123 92.8h350.4a128 128 0 0 0 123-92.8l28.4-99.2z"/></svg>

Cara memakai ikon Ship

React

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

<Icon icon="ep:ship" width="24" />

Vue

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

<template>
  <Icon icon="ep:ship" width="24" />
</template>

Svelte

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

<Icon icon="ep:ship" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--ship]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:ship"></div>

Web component

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

<iconify-icon icon="ep:ship"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ep/ship.svg" alt="Ikon Ship" width="24" height="24">

Ikon Ship di set ikon lain

FAQ Ikon Ship

Apakah ikon Ship gratis untuk penggunaan komersial?

Ya. Element Plus icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Ship di React?

Pasang @iconify/react lalu render <Icon icon="ep:ship" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Ship ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ep/ship.svg" alt="Ikon Ship">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Element Plus →