School Bus ikonu
glyphs-poly:school-bus
School Bus ikonu (glyphs-poly:school-bus), Glyphs Poly setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs Poly 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
- Glyphs Poly
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
- Etiketler
- schoolbus
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#828282" fill-rule="evenodd" d="M21 60.951v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-6zm30 0v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-6z" clip-rule="evenodd"/><path fill="#828282" d="M21 60.951v-2h-2v2zm8 0h2v-2h-2zm22 0v-2h-2v2zm8 0h2v-2h-2zm-40 0v6h4v-6zm0 6a4 4 0 0 0 4 4v-4zm4 4h4v-4h-4zm4 0a4 4 0 0 0 4-4h-4zm4-4v-6h-4v6zm-2-8h-8v4h8zm20 2v6h4v-6zm0 6a4 4 0 0 0 4 4v-4zm4 4h4v-4h-4zm4 0a4 4 0 0 0 4-4h-4zm4-4v-6h-4v6zm-2-8h-8v4h8z"/><path fill="#e0e0e0" fill-rule="evenodd" d="M20 23.951h-4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4zm40 12h4a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-4z" clip-rule="evenodd"/><path fill="#e0e0e0" d="M20 23.951h2v-2h-2zm0 12v2h2v-2zm40 0h-2v2h2zm0-12v-2h-2v2zm-44 2h4v-4h-4zm0 0v-4a4 4 0 0 0-4 4zm0 8v-8h-4v8zm0 0h-4a4 4 0 0 0 4 4zm4 0h-4v4h4zm2 2v-12h-4v12zm42-2h-4v4h4zm0 0v4a4 4 0 0 0 4-4zm0-8v8h4v-8zm0 0h4a4 4 0 0 0-4-4zm-4 0h4v-4h-4zm-2-2v12h4v-12z"/><path fill="#f2c94c" fill-rule="evenodd" d="M59.097 15.06c.554.246.903.8.903 1.406v20.485a2 2 0 0 1-2 2H22a2 2 0 0 1-2-2V16.466c0-.606.35-1.16.903-1.407a46.95 46.95 0 0 1 38.194 0" clip-rule="evenodd"/><path fill="#f2c94c" d="M58 16.466v20.485h4V16.466zm0 20.485H22v4h36zm-36 0V16.466h-4v20.485zM40 9a48.95 48.95 0 0 0-19.91 4.232l1.627 3.654A44.95 44.95 0 0 1 40 13zm19.91 4.232A48.95 48.95 0 0 0 40 9v4a44.95 44.95 0 0 1 18.283 3.886zM22 16.466c0 .16-.094.336-.283.42l-1.627-3.654A3.54 3.54 0 0 0 18 16.466zm0 20.485h-4a4 4 0 0 0 4 4zm36 0v4a4 4 0 0 0 4-4zm4-20.485a3.54 3.54 0 0 0-2.09-3.234l-1.627 3.654a.47.47 0 0 1-.283-.42z"/><path fill="#56ccf2" stroke="#56ccf2" stroke-linecap="square" stroke-width="4" d="M20 22.951h40v16H20z"/><path fill="#f2c94c" stroke="#f2c94c" stroke-linecap="square" stroke-width="4" d="M16 44.951a6 6 0 0 1 6-6h36a6 6 0 0 1 6 6v12a4 4 0 0 1-4 4H20a4 4 0 0 1-4-4z"/><path fill="#eb5757" fill-rule="evenodd" d="M26 46.951a3 3 0 1 0 0 6a3 3 0 0 0 0-6m28 0a3 3 0 1 0 0 6a3 3 0 0 0 0-6" clip-rule="evenodd"/><path fill="#eb5757" d="M25 49.951a1 1 0 0 1 1-1v-4a5 5 0 0 0-5 5zm1 1a1 1 0 0 1-1-1h-4a5 5 0 0 0 5 5zm1-1a1 1 0 0 1-1 1v4a5 5 0 0 0 5-5zm-1-1a1 1 0 0 1 1 1h4a5 5 0 0 0-5-5zm27 1a1 1 0 0 1 1-1v-4a5 5 0 0 0-5 5zm1 1a1 1 0 0 1-1-1h-4a5 5 0 0 0 5 5zm1-1a1 1 0 0 1-1 1v4a5 5 0 0 0 5-5zm-1-1a1 1 0 0 1 1 1h4a5 5 0 0 0-5-5z"/></g></svg>School Bus ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:school-bus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:school-bus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:school-bus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--school-bus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:school-bus"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:school-bus"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs-poly/school-bus.svg" alt="School Bus ikonu" width="24" height="24">Diğer ikon setlerinde School Bus ikonu
School Bus ikonu: sık sorulan sorular
School Bus ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
School Bus ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs-poly:school-bus" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
School 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/glyphs-poly/school-bus.svg" alt="School Bus ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.