Ikon Shipment Cargo Boat
streamline-ultimate-color:shipment-cargo-boat
Ikon Shipment Cargo Boat (streamline-ultimate-color:shipment-cargo-boat) adalah ikon SVG gratis dari set Ultimate color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Ultimate color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Pengiriman dan antar
- Tag
- shipmentcargo, cargoboat, shipmentcargoboat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ff808c" d="M3.528 21.589a4.56 4.56 0 0 1-1.824-3.233a.47.47 0 0 1 .112-.364a.43.43 0 0 1 .337-.16h20.174a4.68 4.68 0 0 1-2.125 3.962v.717H3.695z"/><path fill="#fff" d="M14.246 14.092h-3.592v3.74h3.592z"/><path fill="#b2ffc0" d="M17.837 14.092h-3.592v3.74h3.592z"/><path fill="#fff" d="M22.326 6.142v11.69h-4.489V8.49h3.142V5.674h-3.142V4.272a.46.46 0 0 1 .449-.468h1.796a2.297 2.297 0 0 1 2.244 2.338"/><path fill="#66e1ff" d="M20.98 5.674h-3.143V8.49h3.142z"/><path fill="#ffef5e" d="M10.654 14.092h-8.08v3.74h8.08z"/><path fill="#66e1ff" d="M6.163 10.35v3.742h-3.59v-3.274a.46.46 0 0 1 .45-.467z"/><path fill="#fff" d="M10.655 10.35h-4.49v3.742h4.49z"/><path fill="#ff808c" d="M17.837 10.35h-7.183v3.742h7.183z"/><path fill="#e3e3e3" d="M17.837 9.883v.468h-3.592L8.54 1.793a.467.467 0 0 1 .38-.79a.43.43 0 0 1 .228.107z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M3.528 21.589a4.56 4.56 0 0 1-1.824-3.233a.47.47 0 0 1 .112-.364a.43.43 0 0 1 .337-.16h20.174a4.68 4.68 0 0 1-2.125 3.962v.717H3.695z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.246 14.092h-3.592v3.74h3.592z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.837 14.092h-3.592v3.74h3.592z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.326 6.142v11.69h-4.489V8.49h3.142V5.674h-3.142V4.272a.46.46 0 0 1 .449-.468h1.796a2.297 2.297 0 0 1 2.244 2.338"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M20.98 5.674h-3.143V8.49h3.142zm1.346.468V1.933M8.408 1.468l.008 4.494m-.663 1.585a.97.97 0 0 1 .026-1.31a.88.88 0 0 1 1.261-.014a.97.97 0 0 1 .053 1.31m1.561 6.559h-8.08v3.74h8.08zM6.163 10.35v3.742h-3.59v-3.274a.46.46 0 0 1 .45-.467zm4.492 0h-4.49v3.742h4.49z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.837 10.35h-7.183v3.742h7.183z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.837 9.883v.468h-3.592L8.54 1.793a.467.467 0 0 1 .38-.79a.43.43 0 0 1 .228.107zM3.696 21.345v-.01m4.04.01v-.01m4.038.01l-.006-.003l-.003-.007m4.042.01v-.01"/><path fill="#66e1ff" d="M21.875 21.597V23H1.674v-1.403a2.36 2.36 0 0 0 2.02-1.169a2.34 2.34 0 0 0 4.04 0a2.34 2.34 0 0 0 4.04 0a2.333 2.333 0 0 0 4.031 0a2.34 2.34 0 0 0 4.04 0l.01-.01a2.36 2.36 0 0 0 2.02 1.18"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M21.875 21.597a2.36 2.36 0 0 1-2.023-1.173v.005a2.332 2.332 0 0 1-4.04-.005v.005a2.332 2.332 0 0 1-4.04-.005v.005a2.33 2.33 0 0 1-4.04-.005v.005a2.332 2.332 0 0 1-4.04-.005v.005a2.36 2.36 0 0 1-2.018 1.168"/></g></svg>
Cara memakai ikon Shipment Cargo Boat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:shipment-cargo-boat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:shipment-cargo-boat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:shipment-cargo-boat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--shipment-cargo-boat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:shipment-cargo-boat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:shipment-cargo-boat"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/shipment-cargo-boat.svg" alt="Ikon Shipment Cargo Boat" width="24" height="24">
Ikon terkait di Ultimate color icons
Ikon Shipment Cargo Boat di set ikon lain
FAQ Ikon Shipment Cargo Boat
Apakah ikon Shipment Cargo Boat gratis untuk penggunaan komersial?
Ya. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Shipment Cargo Boat di React?
Pasang @iconify/react lalu render <Icon icon="streamline-ultimate-color:shipment-cargo-boat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Shipment Cargo Boat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/shipment-cargo-boat.svg" alt="Ikon Shipment Cargo Boat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ultimate color icons →
ICONYZ
