bus icon
bus from Reicon by REICON · Outline · Parts · MIT Free for personal and commercial use.
- Name
- bus
- Set
- Reicon
- Style
- Outline
- Category
- Parts
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All bus icons →busBoxIcons v2busBoxIcons v2 SolidbusCarbonbusEmoji One (Colored)busFont Awesome 6 SolidbusFont Awesome SolidbusFluent EmojibusFluent Emoji FlatbusFluent Emoji High ContrastbusFirefox OS EmojibusIconParkbusIconPark OutlinebusIconPark SolidbusIconPark TwoTonebusIconoirbusIonIconsbusJam IconsbusLine AwesomebusLucidebusMajesticonsbusMaterial Design Iconsbus-fillMingCute IconbusNoto EmojibusOpenMoji
More parts icons from Reicon
Use the bus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.944 1.25h.112c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.103.764.136 1.67.147 2.739H21c.966 0 1.75.784 1.75 1.75v1c0 .55-.26 1.07-.7 1.4l-1.303.977c-.007 1.232-.036 2.26-.15 3.112c-.158 1.172-.49 2.121-1.238 2.87q-.285.284-.609.493V21A1.75 1.75 0 0 1 17 22.75h-1.5A1.75 1.75 0 0 1 13.75 21v-.256q-.786.007-1.694.006h-.112q-.909.002-1.694-.006V21a1.75 1.75 0 0 1-1.75 1.75H7A1.75 1.75 0 0 1 5.25 21v-1.148a3.7 3.7 0 0 1-.609-.493c-.748-.749-1.08-1.698-1.238-2.87c-.114-.852-.143-1.88-.15-3.112L1.95 12.4c-.44-.33-.7-.85-.7-1.4v-1c0-.966.784-1.75 1.75-1.75h.255c.012-1.069.045-1.975.148-2.739c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153M3.25 9.75H3a.25.25 0 0 0-.25.25v1a.25.25 0 0 0 .1.2l.4.3zm1.506 4c.01 1.034.042 1.858.134 2.54c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14s3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.092-.68.123-1.505.134-2.539zm14.494-1.5H4.75V10c0-1.883.002-3.227.135-4.25h14.23c.133 1.023.135 2.367.135 4.25zm1.5-.75l.4-.3a.25.25 0 0 0 .1-.2v-1a.25.25 0 0 0-.25-.25h-.25zm-2.049-7.25a2.3 2.3 0 0 0-.403-.548c-.423-.423-1.003-.677-2.009-.812c-1.028-.138-2.382-.14-4.289-.14s-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812a2.3 2.3 0 0 0-.403.548zM6.75 20.46V21c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.296a15 15 0 0 1-1.239-.107a8 8 0 0 1-.761-.137m8.5.244V21c0 .138.112.25.25.25H17a.25.25 0 0 0 .25-.25v-.54q-.363.084-.761.137a15 15 0 0 1-1.239.107M6.25 16a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m8.5 0a.75.75 0 0 1 .75-.75H17a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconBus(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" fillRule="evenodd" d="M11.944 1.25h.112c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.103.764.136 1.67.147 2.739H21c.966 0 1.75.784 1.75 1.75v1c0 .55-.26 1.07-.7 1.4l-1.303.977c-.007 1.232-.036 2.26-.15 3.112c-.158 1.172-.49 2.121-1.238 2.87q-.285.284-.609.493V21A1.75 1.75 0 0 1 17 22.75h-1.5A1.75 1.75 0 0 1 13.75 21v-.256q-.786.007-1.694.006h-.112q-.909.002-1.694-.006V21a1.75 1.75 0 0 1-1.75 1.75H7A1.75 1.75 0 0 1 5.25 21v-1.148a3.7 3.7 0 0 1-.609-.493c-.748-.749-1.08-1.698-1.238-2.87c-.114-.852-.143-1.88-.15-3.112L1.95 12.4c-.44-.33-.7-.85-.7-1.4v-1c0-.966.784-1.75 1.75-1.75h.255c.012-1.069.045-1.975.148-2.739c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153M3.25 9.75H3a.25.25 0 0 0-.25.25v1a.25.25 0 0 0 .1.2l.4.3zm1.506 4c.01 1.034.042 1.858.134 2.54c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14s3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.092-.68.123-1.505.134-2.539zm14.494-1.5H4.75V10c0-1.883.002-3.227.135-4.25h14.23c.133 1.023.135 2.367.135 4.25zm1.5-.75l.4-.3a.25.25 0 0 0 .1-.2v-1a.25.25 0 0 0-.25-.25h-.25zm-2.049-7.25a2.3 2.3 0 0 0-.403-.548c-.423-.423-1.003-.677-2.009-.812c-1.028-.138-2.382-.14-4.289-.14s-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812a2.3 2.3 0 0 0-.403.548zM6.75 20.46V21c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.296a15 15 0 0 1-1.239-.107a8 8 0 0 1-.761-.137m8.5.244V21c0 .138.112.25.25.25H17a.25.25 0 0 0 .25-.25v-.54q-.363.084-.761.137a15 15 0 0 1-1.239.107M6.25 16a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m8.5 0a.75.75 0 0 1 .75-.75H17a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.944 1.25h.112c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.103.764.136 1.67.147 2.739H21c.966 0 1.75.784 1.75 1.75v1c0 .55-.26 1.07-.7 1.4l-1.303.977c-.007 1.232-.036 2.26-.15 3.112c-.158 1.172-.49 2.121-1.238 2.87q-.285.284-.609.493V21A1.75 1.75 0 0 1 17 22.75h-1.5A1.75 1.75 0 0 1 13.75 21v-.256q-.786.007-1.694.006h-.112q-.909.002-1.694-.006V21a1.75 1.75 0 0 1-1.75 1.75H7A1.75 1.75 0 0 1 5.25 21v-1.148a3.7 3.7 0 0 1-.609-.493c-.748-.749-1.08-1.698-1.238-2.87c-.114-.852-.143-1.88-.15-3.112L1.95 12.4c-.44-.33-.7-.85-.7-1.4v-1c0-.966.784-1.75 1.75-1.75h.255c.012-1.069.045-1.975.148-2.739c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.14-.153 2.595-.153 4.433-.153M3.25 9.75H3a.25.25 0 0 0-.25.25v1a.25.25 0 0 0 .1.2l.4.3zm1.506 4c.01 1.034.042 1.858.134 2.54c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14s3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.092-.68.123-1.505.134-2.539zm14.494-1.5H4.75V10c0-1.883.002-3.227.135-4.25h14.23c.133 1.023.135 2.367.135 4.25zm1.5-.75l.4-.3a.25.25 0 0 0 .1-.2v-1a.25.25 0 0 0-.25-.25h-.25zm-2.049-7.25a2.3 2.3 0 0 0-.403-.548c-.423-.423-1.003-.677-2.009-.812c-1.028-.138-2.382-.14-4.289-.14s-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812a2.3 2.3 0 0 0-.403.548zM6.75 20.46V21c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.296a15 15 0 0 1-1.239-.107a8 8 0 0 1-.761-.137m8.5.244V21c0 .138.112.25.25.25H17a.25.25 0 0 0 .25-.25v-.54q-.363.084-.761.137a15 15 0 0 1-1.239.107M6.25 16a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m8.5 0a.75.75 0 0 1 .75-.75H17a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg> </template>
CSS
.icon-bus {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.944%201.25h.112c1.838%200%203.294%200%204.433.153c1.172.158%202.121.49%202.87%201.238c.748.749%201.08%201.698%201.238%202.87c.103.764.136%201.67.147%202.739H21c.966%200%201.75.784%201.75%201.75v1c0%20.55-.26%201.07-.7%201.4l-1.303.977c-.007%201.232-.036%202.26-.15%203.112c-.158%201.172-.49%202.121-1.238%202.87q-.285.284-.609.493V21A1.75%201.75%200%200%201%2017%2022.75h-1.5A1.75%201.75%200%200%201%2013.75%2021v-.256q-.786.007-1.694.006h-.112q-.909.002-1.694-.006V21a1.75%201.75%200%200%201-1.75%201.75H7A1.75%201.75%200%200%201%205.25%2021v-1.148a3.7%203.7%200%200%201-.609-.493c-.748-.749-1.08-1.698-1.238-2.87c-.114-.852-.143-1.88-.15-3.112L1.95%2012.4c-.44-.33-.7-.85-.7-1.4v-1c0-.966.784-1.75%201.75-1.75h.255c.012-1.069.045-1.975.148-2.739c.158-1.172.49-2.121%201.238-2.87c.749-.748%201.698-1.08%202.87-1.238c1.14-.153%202.595-.153%204.433-.153M3.25%209.75H3a.25.25%200%200%200-.25.25v1a.25.25%200%200%200%20.1.2l.4.3zm1.506%204c.01%201.034.042%201.858.134%202.54c.135%201.005.389%201.585.812%202.008s1.003.677%202.009.812c1.028.138%202.382.14%204.289.14s3.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.092-.68.123-1.505.134-2.539zm14.494-1.5H4.75V10c0-1.883.002-3.227.135-4.25h14.23c.133%201.023.135%202.367.135%204.25zm1.5-.75l.4-.3a.25.25%200%200%200%20.1-.2v-1a.25.25%200%200%200-.25-.25h-.25zm-2.049-7.25a2.3%202.3%200%200%200-.403-.548c-.423-.423-1.003-.677-2.009-.812c-1.028-.138-2.382-.14-4.289-.14s-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812a2.3%202.3%200%200%200-.403.548zM6.75%2020.46V21c0%20.138.112.25.25.25h1.5a.25.25%200%200%200%20.25-.25v-.296a15%2015%200%200%201-1.239-.107a8%208%200%200%201-.761-.137m8.5.244V21c0%20.138.112.25.25.25H17a.25.25%200%200%200%20.25-.25v-.54q-.363.084-.761.137a15%2015%200%200%201-1.239.107M6.25%2016a.75.75%200%200%201%20.75-.75h1.5a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75m8.5%200a.75.75%200%200%201%20.75-.75H17a.75.75%200%200%201%200%201.5h-1.5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.944%201.25h.112c1.838%200%203.294%200%204.433.153c1.172.158%202.121.49%202.87%201.238c.748.749%201.08%201.698%201.238%202.87c.103.764.136%201.67.147%202.739H21c.966%200%201.75.784%201.75%201.75v1c0%20.55-.26%201.07-.7%201.4l-1.303.977c-.007%201.232-.036%202.26-.15%203.112c-.158%201.172-.49%202.121-1.238%202.87q-.285.284-.609.493V21A1.75%201.75%200%200%201%2017%2022.75h-1.5A1.75%201.75%200%200%201%2013.75%2021v-.256q-.786.007-1.694.006h-.112q-.909.002-1.694-.006V21a1.75%201.75%200%200%201-1.75%201.75H7A1.75%201.75%200%200%201%205.25%2021v-1.148a3.7%203.7%200%200%201-.609-.493c-.748-.749-1.08-1.698-1.238-2.87c-.114-.852-.143-1.88-.15-3.112L1.95%2012.4c-.44-.33-.7-.85-.7-1.4v-1c0-.966.784-1.75%201.75-1.75h.255c.012-1.069.045-1.975.148-2.739c.158-1.172.49-2.121%201.238-2.87c.749-.748%201.698-1.08%202.87-1.238c1.14-.153%202.595-.153%204.433-.153M3.25%209.75H3a.25.25%200%200%200-.25.25v1a.25.25%200%200%200%20.1.2l.4.3zm1.506%204c.01%201.034.042%201.858.134%202.54c.135%201.005.389%201.585.812%202.008s1.003.677%202.009.812c1.028.138%202.382.14%204.289.14s3.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.092-.68.123-1.505.134-2.539zm14.494-1.5H4.75V10c0-1.883.002-3.227.135-4.25h14.23c.133%201.023.135%202.367.135%204.25zm1.5-.75l.4-.3a.25.25%200%200%200%20.1-.2v-1a.25.25%200%200%200-.25-.25h-.25zm-2.049-7.25a2.3%202.3%200%200%200-.403-.548c-.423-.423-1.003-.677-2.009-.812c-1.028-.138-2.382-.14-4.289-.14s-3.261.002-4.29.14c-1.005.135-1.585.389-2.008.812a2.3%202.3%200%200%200-.403.548zM6.75%2020.46V21c0%20.138.112.25.25.25h1.5a.25.25%200%200%200%20.25-.25v-.296a15%2015%200%200%201-1.239-.107a8%208%200%200%201-.761-.137m8.5.244V21c0%20.138.112.25.25.25H17a.25.25%200%200%200%20.25-.25v-.54q-.363.084-.761.137a15%2015%200%200%201-1.239.107M6.25%2016a.75.75%200%200%201%20.75-.75h1.5a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75m8.5%200a.75.75%200%200%201%20.75-.75H17a.75.75%200%200%201%200%201.5h-1.5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/bus.svg?color=%231a73e8&size=48
