bus multiple icon

bus-multiple from Material Design Icons by Pictogrammers · Filled · Transportation + Road · Apache-2.0 Free for personal and commercial use.

Name: bus-multiple
Set: Material Design Icons
Style: Filled
Category: Transportation + Road
Viewbox: 24×24
License: Apache 2.0
Aliases: fleet

More transportation + road icons from Material Design Icons

Use the bus multiple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5c-4.42 0-8 .5-8 4v10c0 .85.37 1.66 1 2.22V23c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.63-.56 1-1.37 1-2.22V9c0-3.5-3.58-4-8-4M5.5 20c-.83 0-1.5-.67-1.5-1.5S4.67 17 5.5 17s1.5.67 1.5 1.5S6.33 20 5.5 20m9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m1.5-6H4V9h12zm6-9v10c0 .85-.37 1.66-1 2.22V19c0 .55-.45 1-1 1h-.12c.07-.32.12-.65.12-1V9c0-6-7-6-10-6c-.91 0-2.2 0-3.54.17C7.55 1.32 10.5 1 14 1c4.42 0 8 .5 8 4"/></svg>

React

import type { SVGProps } from "react";

export function MdiBusMultiple(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5c-4.42 0-8 .5-8 4v10c0 .85.37 1.66 1 2.22V23c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.63-.56 1-1.37 1-2.22V9c0-3.5-3.58-4-8-4M5.5 20c-.83 0-1.5-.67-1.5-1.5S4.67 17 5.5 17s1.5.67 1.5 1.5S6.33 20 5.5 20m9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m1.5-6H4V9h12zm6-9v10c0 .85-.37 1.66-1 2.22V19c0 .55-.45 1-1 1h-.12c.07-.32.12-.65.12-1V9c0-6-7-6-10-6c-.91 0-2.2 0-3.54.17C7.55 1.32 10.5 1 14 1c4.42 0 8 .5 8 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5c-4.42 0-8 .5-8 4v10c0 .85.37 1.66 1 2.22V23c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.63-.56 1-1.37 1-2.22V9c0-3.5-3.58-4-8-4M5.5 20c-.83 0-1.5-.67-1.5-1.5S4.67 17 5.5 17s1.5.67 1.5 1.5S6.33 20 5.5 20m9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m1.5-6H4V9h12zm6-9v10c0 .85-.37 1.66-1 2.22V19c0 .55-.45 1-1 1h-.12c.07-.32.12-.65.12-1V9c0-6-7-6-10-6c-.91 0-2.2 0-3.54.17C7.55 1.32 10.5 1 14 1c4.42 0 8 .5 8 4"/></svg>
</template>

CSS

.icon-bus-multiple {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205c-4.42%200-8%20.5-8%204v10c0%20.85.37%201.66%201%202.22V23c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-1h8v1c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-1.78c.63-.56%201-1.37%201-2.22V9c0-3.5-3.58-4-8-4M5.5%2020c-.83%200-1.5-.67-1.5-1.5S4.67%2017%205.5%2017s1.5.67%201.5%201.5S6.33%2020%205.5%2020m9%200c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5m1.5-6H4V9h12zm6-9v10c0%20.85-.37%201.66-1%202.22V19c0%20.55-.45%201-1%201h-.12c.07-.32.12-.65.12-1V9c0-6-7-6-10-6c-.91%200-2.2%200-3.54.17C7.55%201.32%2010.5%201%2014%201c4.42%200%208%20.5%208%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205c-4.42%200-8%20.5-8%204v10c0%20.85.37%201.66%201%202.22V23c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-1h8v1c0%20.55.45%201%201%201h1c.55%200%201-.45%201-1v-1.78c.63-.56%201-1.37%201-2.22V9c0-3.5-3.58-4-8-4M5.5%2020c-.83%200-1.5-.67-1.5-1.5S4.67%2017%205.5%2017s1.5.67%201.5%201.5S6.33%2020%205.5%2020m9%200c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5m1.5-6H4V9h12zm6-9v10c0%20.85-.37%201.66-1%202.22V19c0%20.55-.45%201-1%201h-.12c.07-.32.12-.65.12-1V9c0-6-7-6-10-6c-.91%200-2.2%200-3.54.17C7.55%201.32%2010.5%201%2014%201c4.42%200%208%20.5%208%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/bus-multiple.svg?color=%231a73e8&size=48