Bus Light ikonu
ph:bus-light
Bus Light ikonu (ph:bus-light), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor icons, MIT 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
- Phosphor
- Yazar
- Phosphor Icons
- Lisans
- MIT
- Boyut
- 256 × 256
- Etiketler
- vehicles, automobile, public transit, transportation, commuter, traveling, places, locations, buslight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M184 34H72a30 30 0 0 0-30 30v144a14 14 0 0 0 14 14h24a14 14 0 0 0 14-14v-18h68v18a14 14 0 0 0 14 14h24a14 14 0 0 0 14-14V64a30 30 0 0 0-30-30M54 178v-60h148v60Zm0-100h148v28H54Zm18-32h112a18 18 0 0 1 18 18v2H54v-2a18 18 0 0 1 18-18m10 162a2 2 0 0 1-2 2H56a2 2 0 0 1-2-2v-18h28Zm118 2h-24a2 2 0 0 1-2-2v-18h28v18a2 2 0 0 1-2 2m-98-62a10 10 0 1 1-10-10a10 10 0 0 1 10 10m72 0a10 10 0 1 1-10-10a10 10 0 0 1 10 10m72-68v24a6 6 0 0 1-12 0V80a6 6 0 0 1 12 0M22 80v24a6 6 0 0 1-12 0V80a6 6 0 0 1 12 0"/></svg>Bus Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="ph:bus-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:bus-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:bus-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--bus-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:bus-light"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:bus-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/ph/bus-light.svg" alt="Bus Light ikonu" width="24" height="24">Phosphor setindeki benzer ikonlar
Bus Light ikonu: sık sorulan sorular
Bus Light ikonu ticari kullanım için ücretsiz mi?
Evet. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Bus Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="ph:bus-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Bus Light 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/ph/bus-light.svg" alt="Bus Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.