أيقونة School Bus
glyphs-poly:school-bus
أيقونة School Bus (glyphs-poly:school-bus) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Glyphs Poly
- المؤلف
- Goran Spasojevic
- الترخيص
- MIT
- الحجم
- 80 × 80
- الوسوم
- schoolbus
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<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
<img src="https://iconyz.com/api/public/svg/glyphs-poly/school-bus.svg" alt="أيقونة School Bus" width="24" height="24">أيقونة School Bus في مجموعات أخرى
الأسئلة الشائعة حول أيقونة School Bus
هل أيقونة School Bus مجانية للاستخدام التجاري؟
نعم. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة School Bus في React؟
ثبّت @iconify/react واعرض <Icon icon="glyphs-poly:school-bus" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة School Bus إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs-poly/school-bus.svg" alt="أيقونة School Bus">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.