ICONYZ
Türkçe
Material Design Iconic Font setinden Bus ikonu

Bus ikonu

zmdi:bus

Bus ikonu (zmdi:bus), Material Design Iconic Font setinden ücretsiz bir SVG ikondur (yapımcı: MDI Community). 344 × 408 ızgara üzerinde çizilmiştir. Material Design Iconic Font icons, Open Font License 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
Material Design Iconic Font
Yazar
MDI Community
Lisans
OFL-1.1
Boyut
344 × 408
Etiketler
directions bus
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="344" height="408" viewBox="0 0 344 408"><path fill="currentColor" d="M0 301V88q0-27 12.5-44.5t38-26t53-11.5t67-3t67 3t53 11.5t38 26T341 88v213q0 28-21 48v38q0 8-6.5 14.5T299 408h-22q-8 0-14.5-6.5T256 387v-22H85v22q0 8-6 14.5T64 408H43q-9 0-15.5-6.5T21 387v-38Q0 329 0 301m74.5 22q13.5 0 23-9.5t9.5-23t-9.5-22.5t-23-9t-22.5 9t-9 22.5t9 23t22.5 9.5m192 0q13.5 0 23-9.5t9.5-23t-9.5-22.5t-23-9t-22.5 9t-9 22.5t9 23t22.5 9.5M299 195V88H43v107z"/></svg>

Bus ikonu nasıl kullanılır

React

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

<Icon icon="zmdi:bus" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:bus" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:bus" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:bus"></div>

Web bileşeni

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

<iconify-icon icon="zmdi:bus"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/zmdi/bus.svg" alt="Bus ikonu" width="24" height="24">

Diğer ikon setlerinde Bus ikonu

Bus ikonu: sık sorulan sorular

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

Evet. Material Design Iconic Font icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Bus ikonunu React'te nasıl kullanırım?

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

Bus 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/zmdi/bus.svg" alt="Bus ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Material Design Iconic Font ikonları →