Bus Stop icon
fluent-emoji-flat:bus-stop
The Bus Stop icon (fluent-emoji-flat:bus-stop) is a free SVG icon from the Fluent Emoji Flat set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji Flat
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Category
- Travel & Places
- Tags
- busstop
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M6.993 2h-4v28h4z"/><path fill="#d3d3d3" d="M2.9 10h5.186a.914.914 0 0 0 .907-.922V6.911A.905.905 0 0 0 8.086 6H2.9a.905.905 0 0 0-.906.911V9.09c0 .506.403.911.906.911m0 13h5.186a.913.913 0 0 0 .907-.914v-2.172A.906.906 0 0 0 8.086 19H2.9a.906.906 0 0 0-.906.914v2.172c0 .508.403.914.906.914"/><path fill="#46a4fb" d="M10.247 25h16.491a2.257 2.257 0 0 0 2.255-2.255V6.255A2.257 2.257 0 0 0 26.738 4h-16.49a2.257 2.257 0 0 0-2.255 2.255v16.49A2.257 2.257 0 0 0 10.247 25"/><path fill="#321b41" d="M13.468 21.01a.475.475 0 0 1-.475-.477v-2.057c0-.263.212-.476.475-.476h1.052c.263 0 .476.213.476.476v2.057a.48.48 0 0 1-.476.476zm8 0h1.052a.47.47 0 0 0 .476-.477v-2.057A.475.475 0 0 0 22.52 18h-1.052a.475.475 0 0 0-.475.476v2.057c0 .264.212.476.475.476"/><path fill="#ffb02e" d="M22.348 19h-8.71c-.36 0-.645-.27-.645-.609V16h10v2.391c0 .34-.295.609-.645.609"/><path fill="#f4f4f4" d="M21.444 8h-6.897C13.691 8 13 8.73 13 9.64V16h10V9.64C23 8.73 22.31 8 21.444 8"/><path fill="#321b41" d="M12.603 15.002h-.22c-.21 0-.38-.206-.39-.472v-2.056c0-.267.18-.472.39-.472h.22c.22 0 .39.218.39.472v2.056c0 .266-.18.472-.39.472m11-.002h-.22c-.22 0-.39-.206-.39-.471v-2.056c0-.266.18-.471.39-.471h.22c.22 0 .39.217.39.471v2.056c0 .265-.18.471-.39.471"/><path fill="#26c9fc" d="M21.567 15h-7.126c-.243 0-.441-.248-.441-.552V10h8v4.448c.009.304-.19.552-.433.552"/><path fill="#e6e6e6" d="M15.253 17.001h5.494a.25.25 0 0 0 .253-.25a.25.25 0 0 0-.253-.25h-5.494a.25.25 0 0 0-.253.25c0 .14.111.25.253.25m1 .999h3.494c.142 0 .253-.11.253-.25s-.111-.25-.253-.25h-3.494a.25.25 0 0 0-.253.25c0 .14.111.25.253.25"/><path fill="#fff478" d="M22.993 17v1.391c0 .31-.245.56-.553.603a.497.497 0 0 1-.447-.494v-1.003c0-.274.222-.497.495-.497zm-10 1.391c0 .31.237.561.552.603a.497.497 0 0 0 .45-.494v-1.003a.497.497 0 0 0-.496-.497h-.506z"/><path fill="#321b41" d="M21.991 10H14v-.669c0-.182.198-.331.44-.331h7.12c.242 0 .44.149.44.331V10z"/></g></svg>
How to use the Bus Stop icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:bus-stop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:bus-stop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:bus-stop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--bus-stop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:bus-stop"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:bus-stop"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bus-stop.svg" alt="Bus Stop icon" width="24" height="24">
Related icons in Fluent Emoji Flat
Bus Stop icon in other icon sets
Bus Stop icon FAQ
Is the Bus Stop icon free for commercial use?
Yes. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Bus Stop icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-flat:bus-stop" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bus Stop icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bus-stop.svg" alt="Bus Stop icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent Emoji Flat icons →
ICONYZ
