ICONYZ
Bahasa Indonesia
Ikon Truck dari IconPark

Ikon Truck

icon-park:truck

Ikon Truck (icon-park:truck) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
IconPark
Pembuat
ByteDance
Lisensi
Apache-2.0
Ukuran
48 × 48
Kategori
Perangkat keras
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path d="M12 39C14.2091 39 16 37.2091 16 35C16 32.7909 14.2091 31 12 31C9.79086 31 8 32.7909 8 35C8 37.2091 9.79086 39 12 39Z"/><path d="M35 39C37.2091 39 39 37.2091 39 35C39 32.7909 37.2091 31 35 31C32.7909 31 31 32.7909 31 35C31 37.2091 32.7909 39 35 39Z"/><path stroke-linecap="round" d="M8 35H2V11H31V35H16"/><path stroke-linecap="round" d="M31 35V18H39.5714L46 26.5V35H39.8112"/></g></svg>

Cara memakai ikon Truck

React

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

<Icon icon="icon-park:truck" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:truck" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:truck" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:truck"></div>

Web component

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

<iconify-icon icon="icon-park:truck"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/truck.svg" alt="Ikon Truck" width="24" height="24">

Ikon Truck di set ikon lain

FAQ Ikon Truck

Apakah ikon Truck gratis untuk penggunaan komersial?

Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Truck di React?

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

Bagaimana cara menambahkan ikon Truck ke halaman web?

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

Lihat semua Ikon IconPark →