Ikon School Bus
glyphs-poly:school-bus
Ikon School Bus (glyphs-poly:school-bus) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- schoolbus
Kode SVG
<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>Cara memakai ikon School Bus
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 component
<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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/school-bus.svg" alt="Ikon School Bus" width="24" height="24">Ikon School Bus di set ikon lain
FAQ Ikon School Bus
Apakah ikon School Bus gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon School Bus di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:school-bus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon School Bus ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/school-bus.svg" alt="Ikon School Bus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.