ICONYZ
Türkçe
IconPark setinden Type Drive ikonu

Type Drive ikonu

icon-park:type-drive

Type Drive ikonu (icon-park:type-drive), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
IconPark
Yazar
ByteDance
Lisans
Apache-2.0
Boyut
48 × 48
Kategori
Donanım
Etiketler
typedrive
SVG indir

SVG kodu

<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>

Type Drive ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

<img src="https://iconyz.com/api/public/svg/icon-park/type-drive.svg" alt="Type Drive ikonu" width="24" height="24">

Diğer ikon setlerinde Type Drive ikonu

Type Drive ikonu: sık sorulan sorular

Type Drive ikonu ticari kullanım için ücretsiz mi?

Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Type Drive ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="icon-park:type-drive" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Type Drive ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/icon-park/type-drive.svg" alt="Type Drive ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: IconPark ikonları →