Ikon Ship 1

lineicons:ship-1

Ikon Ship 1 (lineicons:ship-1) adalah ikon SVG gratis dari set Lineicons. Ikon ini digambar pada grid 24 × 24. Lineicons 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: Lineicons
Pembuat: Lineicons
Lisensi: MIT
Ukuran: 24 × 24
Kategori: Reguler

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.248 6c-.41 0-.75.34-.75.75v1.64l-1.5.68V6.75c0-1.24 1.01-2.25 2.25-2.25h.75v-.25c0-1.24 1.01-2.25 2.25-2.25h1.5c1.24 0 2.25 1.01 2.25 2.25v.25h.75c1.24 0 2.25 1.01 2.25 2.25v2.32l-1.5-.68V6.75c0-.41-.34-.75-.75-.75zm3-2.5c-.41 0-.75.34-.75.75v.25h3v-.25c0-.41-.34-.75-.75-.75z" clip-rule="evenodd"/><path fill="currentColor" d="M5.378 17.7c.4.02.79.18 1.09.41c.21.16.46.32.74.47q-.015-.03-.025-.06t-.025-.06l-1.57-5.39a.75.75 0 0 1 .43-.9l5.69-2.43c.19-.08.4-.08.59 0l5.69 2.43c.35.15.53.53.43.9l-1.57 5.39s-.03.08-.05.12c.28-.15.53-.31.74-.47c.3-.23.69-.38 1.09-.41l1.22-4.22c.32-1.09-.23-2.25-1.28-2.7l-5.69-2.43c-.56-.24-1.2-.24-1.77 0l-5.69 2.43c-1.05.45-1.6 1.6-1.28 2.7l1.22 4.22zm16.18 2.62l-2.73-1.26a.75.75 0 0 0-.85.16c-.01.01-1.27 1.27-2.72 1.27c-.19 0-.36-.03-.53-.06c-1.21-.25-2.17-1.21-2.18-1.22a.76.76 0 0 0-.54-.23c-.2 0-.39.08-.54.22c-.01.01-.97.97-2.18 1.22l-.176.024a3 3 0 0 1-.374.036c-1.45 0-2.71-1.26-2.72-1.27a.75.75 0 0 0-.85-.16l-2.73 1.26c-.38.17-.54.62-.37.99c.17.38.62.54 1 .37l2.28-1.05c.62.51 1.89 1.36 3.39 1.36c1.4 0 2.6-.75 3.26-1.26c.66.51 1.86 1.26 3.26 1.26c1.5 0 2.77-.86 3.39-1.36l2.28 1.05c.37.17.82 0 1-.37c.17-.38 0-.82-.37-.99z"/></svg>

Cara memakai ikon Ship 1

React

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

<Icon icon="lineicons:ship-1" width="24" />

Vue

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

<template>
  <Icon icon="lineicons:ship-1" width="24" />
</template>

Svelte

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

<Icon icon="lineicons:ship-1" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="lineicons:ship-1"></iconify-icon>

Gambar HTML

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

FAQ Ikon Ship 1

Apakah ikon Ship 1 gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Ship 1 di React?

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

Bagaimana cara menambahkan ikon Ship 1 ke halaman web?

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

Lihat semua Lineicons →