Ikon Type Drive
icon-park:type-drive
Ikon Type Drive (icon-park:type-drive) 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
- Tag
- typedrive
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M4 12C4 10.8954 4.89543 10 6 10H42C43.1046 10 44 10.8954 44 12V36C44 37.1046 43.1046 38 42 38H6C4.89543 38 4 37.1046 4 36V12Z"/><path fill="#2F88FF" stroke="#fff" d="M15.4142 32.5858C15.7893 32.2107 16.298 32 16.8284 32H30.2602C30.7376 32 31.1992 32.1708 31.5617 32.4815L38 38H10L15.4142 32.5858Z"/><path stroke="#000" d="M39 38H9"/><circle cx="15" cy="21" r="4" fill="#43CCF8" stroke="#fff"/><circle cx="33" cy="21" r="4" fill="#43CCF8" stroke="#fff"/><path stroke="#fff" d="M15 25L33 25"/><path stroke="#fff" d="M15 17L33 17"/></g></svg>Cara memakai ikon Type Drive
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:type-drive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:type-drive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:type-drive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--type-drive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:type-drive"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:type-drive"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/type-drive.svg" alt="Ikon Type Drive" width="24" height="24">Ikon Type Drive di set ikon lain
FAQ Ikon Type Drive
Apakah ikon Type Drive 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 Type Drive di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:type-drive" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Type Drive ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/type-drive.svg" alt="Ikon Type Drive">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.