Bus icon in outline, twotone, bold and bulk. Free in all four styles, for logistics, fleet, garage, fuel, rides. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconBus } from "@devigner-ui/icons";
<IconBus className="size-6" />
<script setup>
import { IconBus } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBus class="size-6" />
</template>
<script>
import { IconBus } from "@devigner-ui/icons-svelte";
</script>
<IconBus class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 10c0-3.77 0-5.66 1.17-6.83S8.23 2 12 2s5.66 0 6.83 1.17S20 6.23 20 10v2c0 3.77 0 5.66-1.17 6.83S15.77 20 12 20s-5.66 0-6.83-1.17S4 15.77 4 12z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M4 13h16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 16H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7 16h1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M6 19.5V21a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1v-1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M18 19.5V21a1 1 0 0 1-1 1h-1.5a1 1 0 0 1-1-1v-1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M20 9h1a1 1 0 0 1 1 1v1a1 1 0 0 1-.4.8L20 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M4 9H3a1 1 0 0 0-1 1v1a1 1 0 0 0 .4.8L4 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M19.5 5h-15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>