Ikon Pickup Truck
glyphs-poly:pickup-truck
Ikon Pickup Truck (glyphs-poly:pickup-truck) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly 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
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- pickuptruck
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" stroke="#56ccf2" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M32 18a2 2 0 0 1 2-2h12.732a4 4 0 0 1 3.037 1.397L64 34H32z"/><path fill="#f2994a" fill-rule="evenodd" d="M68 34h-4v15.785A7.4 7.4 0 0 1 67.115 54H70a2 2 0 0 0 2-2V38a4 4 0 0 0-4-4" clip-rule="evenodd"/><path fill="#f2994a" d="M64 34v-2a2 2 0 0 0-2 2zm0 15.785h-2a2 2 0 0 0 .918 1.682zm2.828 3.387l-1.847.765zm.287.828l-1.925.541A2 2 0 0 0 67.115 56zM64 36h4v-4h-4zm2 13.785V34h-4v15.785zm-3.082 1.682a5.4 5.4 0 0 1 2.063 2.47l3.695-1.53a9.4 9.4 0 0 0-3.594-4.304zm2.063 2.47q.122.297.209.604l3.85-1.082a9 9 0 0 0-.364-1.053zM70 52h-2.885v4H70zm0 0v4a4 4 0 0 0 4-4zm0-14v14h4V38zm-2-2a2 2 0 0 1 2 2h4a6 6 0 0 0-6-6z"/><path fill="#f2c94c" fill-rule="evenodd" d="M32 34H8v20h5.885q.117-.42.287-.828A7.39 7.39 0 0 1 28.115 54H32z" clip-rule="evenodd"/><path fill="#f2c94c" d="M8 34v-2a2 2 0 0 0-2 2zm24 0h2a2 2 0 0 0-2-2zM8 54H6a2 2 0 0 0 2 2zm5.885 0v2a2 2 0 0 0 1.925-1.459zm.287-.828l1.847.765zm9.656-4l.766-1.848zm4 4l-1.847.765zm.287.828l-1.925.541A2 2 0 0 0 28.115 56zM32 54v2a2 2 0 0 0 2-2zM8 36h24v-4H8zm2 18V34H6v20zm3.885-2H8v4h5.885zm1.925 2.541q.086-.306.21-.604l-3.696-1.53a9 9 0 0 0-.365 1.052zm.21-.604a5.4 5.4 0 0 1 2.917-2.918l-1.53-3.695a9.4 9.4 0 0 0-5.083 5.082zm2.917-2.918a5.4 5.4 0 0 1 4.126 0l1.53-3.695a9.4 9.4 0 0 0-7.187 0zm4.126 0a5.4 5.4 0 0 1 2.918 2.918l3.695-1.53a9.4 9.4 0 0 0-5.082-5.083zm2.918 2.918q.122.297.209.604l3.85-1.082a9 9 0 0 0-.364-1.053zM32 52h-3.885v4H32zm-2-18v20h4V34z"/><path fill="#f2994a" fill-rule="evenodd" d="M32 34h32v15.785A7.39 7.39 0 0 0 52.885 54H32zm1 4.5a3 3 0 0 1 3-3h4a3 3 0 1 1 0 6h-4a3 3 0 0 1-3-3" clip-rule="evenodd"/><path fill="#f2994a" d="M64 34h2a2 2 0 0 0-2-2zm-32 0v-2a2 2 0 0 0-2 2zm32 15.785l-1.082 1.682A2 2 0 0 0 66 49.785zm-1.172-.613l.766-1.848zm-5.656 0l.765 1.847zm-4 4l1.847.765zm-.287.828v2a2 2 0 0 0 1.925-1.459zM32 54h-2a2 2 0 0 0 2 2zm32-22H32v4h32zm2 17.785V34h-4v15.785zm-3.937 1.234q.45.188.855.448l2.164-3.364a9.4 9.4 0 0 0-1.488-.78zm-4.126 0a5.4 5.4 0 0 1 4.126 0l1.53-3.695a9.4 9.4 0 0 0-7.187 0zm-2.918 2.918a5.4 5.4 0 0 1 2.918-2.918l-1.53-3.695a9.4 9.4 0 0 0-5.083 5.082zm-.209.604q.086-.306.21-.604l-3.696-1.53a9 9 0 0 0-.365 1.052zM32 56h20.885v-4H32zm-2-22v20h4V34zm6-.5a5 5 0 0 0-5 5h4a1 1 0 0 1 1-1zm4 0h-4v4h4zm5 5a5 5 0 0 0-5-5v4a1 1 0 0 1 1 1zm-5 5a5 5 0 0 0 5-5h-4a1 1 0 0 1-1 1zm-4 0h4v-4h-4zm-5-5a5 5 0 0 0 5 5v-4a1 1 0 0 1-1-1z"/><path fill="#828282" stroke="#828282" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M18.172 49.172a7.39 7.39 0 1 1 5.656 13.655a7.39 7.39 0 0 1-5.656-13.655m39 0a7.39 7.39 0 1 1 5.656 13.655a7.39 7.39 0 0 1-5.656-13.655"/></g></svg>
Cara memakai ikon Pickup Truck
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:pickup-truck" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:pickup-truck" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:pickup-truck" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--pickup-truck]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:pickup-truck"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:pickup-truck"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/pickup-truck.svg" alt="Ikon Pickup Truck" width="24" height="24">
Ikon Pickup Truck di set ikon lain
FAQ Ikon Pickup Truck
Apakah ikon Pickup Truck gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pickup Truck di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:pickup-truck" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pickup Truck ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/pickup-truck.svg" alt="Ikon Pickup Truck">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs Poly →
ICONYZ
