Ikon Bus
fxemoji:bus
Ikon Bus (fxemoji:bus) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Tempat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E5E4DF" d="M489.137 438.203H22.863c-8.773 0-15.885-7.112-15.885-15.885V171.522c0-23.364 18.94-42.304 42.304-42.304h355.592c55.31 0 100.147 44.838 100.147 100.147v192.952c.001 8.774-7.111 15.886-15.884 15.886"/><path fill="#6EB51C" d="M492.439 440.136H19.561c-6.949 0-12.583-5.634-12.583-12.583v-70.756h498.043v70.756c.001 6.949-5.633 12.583-12.582 12.583"/><path fill="#4D8226" d="M6.978 328.714h498.043v27.871H6.978zm55.667 111.394c0-35.752 28.983-64.736 64.736-64.736s64.736 28.983 64.736 64.736m266.684 0c0-35.752-28.983-64.736-64.736-64.736s-64.736 28.983-64.736 64.736"/><path fill="#2B3B47" d="M178.041 440.108c0 27.979-22.681 50.66-50.66 50.66s-50.66-22.681-50.66-50.66s22.681-50.66 50.66-50.66s50.66 22.682 50.66 50.66m216.024-50.66c-27.979 0-50.66 22.681-50.66 50.66s22.681 50.66 50.66 50.66s50.66-22.681 50.66-50.66s-22.681-50.66-50.66-50.66"/><path fill="#597B91" d="M158.934 440.108c0 17.427-14.127 31.554-31.554 31.554s-31.554-14.127-31.554-31.554s14.127-31.554 31.554-31.554s31.554 14.128 31.554 31.554m235.131-31.553c-17.427 0-31.554 14.127-31.554 31.554s14.127 31.554 31.554 31.554s31.554-14.127 31.554-31.554s-14.127-31.554-31.554-31.554"/><path fill="#FF473E" d="M492.51 341.702h12.512V283.71H492.51c-7.4 0-13.399 5.999-13.399 13.399v31.193c0 7.401 5.999 13.4 13.399 13.4"/><path fill="#FFD469" d="M24.16 368.813H6.978v45.271H24.16c7.4 0 13.399-5.999 13.399-13.399v-18.473c0-7.4-5.999-13.399-13.399-13.399"/><path fill="#00B1FF" d="M94.781 298.291H15.978V172.897H94.78c13.552 0 24.538 10.986 24.538 24.538v76.318c.001 13.552-10.985 24.538-24.537 24.538m116.598-54.897v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.266 0v-61.965a7.2 7.2 0 0 0-7.2-7.2H245a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m81.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2"/></svg>Cara memakai ikon Bus
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bus"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/bus.svg" alt="Ikon Bus" width="24" height="24">Ikon terkait di Firefox OS Emoji
Ikon Bus di set ikon lain
FAQ Ikon Bus
Apakah ikon Bus gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Bus di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:bus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bus ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/bus.svg" alt="Ikon Bus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.