bus alert icon
bus-alert-outline from Material Symbols Light by Google · Outline · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- bus-alert-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More transit icons from Material Symbols Light
agricultureairlinesairport-shuttleambulanceauto-towingauto-transmissionbike-dockbike-lanebike-scooterboat-busboat-railwaybus-map-pinbus-railwaycable-carcar-crashcar-defrost-leftcar-defrost-low-leftcar-defrost-low-rightcar-defrost-mid-leftcar-defrost-mid-low-leftcar-defrost-mid-low-rightcar-defrost-mid-rightcar-defrost-rightcar-fan-low-left
Use the bus alert icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.104 6.539h6.446zM6 13H4h12zm-.961 8q-.214 0-.357-.143t-.144-.357v-1.896q-.596-.237-1.067-.99Q3 16.863 3 16.117V7q0-1.61 1.851-2.305T10.986 4q-.132.239-.245.479t-.191.515q-3.185.05-4.678.416q-1.493.365-1.768 1.129h6.144q-.017.25-.017.5t.036.5H4V12h8.814q.386.312.825.565t.934.435H4v3q0 .825.588 1.413T6 18h8q.825 0 1.413-.587T16 16v-2.652q.25.036.5.036t.5-.017v2.748q0 .746-.471 1.5q-.471.752-1.068.989V20.5q0 .214-.143.357t-.356.143h-.231q-.214 0-.357-.143t-.143-.357V19H5.769v1.5q0 .214-.143.357T5.269 21zm11.577-10q-1.672 0-2.836-1.164Q12.616 8.67 12.616 7q0-1.666 1.161-2.833T16.616 3q1.67 0 2.835 1.165Q20.616 5.329 20.616 7T19.44 9.836T16.616 11m-.385-3.384H17v-3h-.77zm.384 1.846q.2 0 .322-.131q.12-.131.14-.312q0-.2-.13-.34q-.131-.14-.331-.14t-.331.13t-.131.331t.13.33q.132.132.332.132m-9.323 6.831q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323m7 0q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBusAlertOutline(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="M4.104 6.539h6.446zM6 13H4h12zm-.961 8q-.214 0-.357-.143t-.144-.357v-1.896q-.596-.237-1.067-.99Q3 16.863 3 16.117V7q0-1.61 1.851-2.305T10.986 4q-.132.239-.245.479t-.191.515q-3.185.05-4.678.416q-1.493.365-1.768 1.129h6.144q-.017.25-.017.5t.036.5H4V12h8.814q.386.312.825.565t.934.435H4v3q0 .825.588 1.413T6 18h8q.825 0 1.413-.587T16 16v-2.652q.25.036.5.036t.5-.017v2.748q0 .746-.471 1.5q-.471.752-1.068.989V20.5q0 .214-.143.357t-.356.143h-.231q-.214 0-.357-.143t-.143-.357V19H5.769v1.5q0 .214-.143.357T5.269 21zm11.577-10q-1.672 0-2.836-1.164Q12.616 8.67 12.616 7q0-1.666 1.161-2.833T16.616 3q1.67 0 2.835 1.165Q20.616 5.329 20.616 7T19.44 9.836T16.616 11m-.385-3.384H17v-3h-.77zm.384 1.846q.2 0 .322-.131q.12-.131.14-.312q0-.2-.13-.34q-.131-.14-.331-.14t-.331.13t-.131.331t.13.33q.132.132.332.132m-9.323 6.831q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323m7 0q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.104 6.539h6.446zM6 13H4h12zm-.961 8q-.214 0-.357-.143t-.144-.357v-1.896q-.596-.237-1.067-.99Q3 16.863 3 16.117V7q0-1.61 1.851-2.305T10.986 4q-.132.239-.245.479t-.191.515q-3.185.05-4.678.416q-1.493.365-1.768 1.129h6.144q-.017.25-.017.5t.036.5H4V12h8.814q.386.312.825.565t.934.435H4v3q0 .825.588 1.413T6 18h8q.825 0 1.413-.587T16 16v-2.652q.25.036.5.036t.5-.017v2.748q0 .746-.471 1.5q-.471.752-1.068.989V20.5q0 .214-.143.357t-.356.143h-.231q-.214 0-.357-.143t-.143-.357V19H5.769v1.5q0 .214-.143.357T5.269 21zm11.577-10q-1.672 0-2.836-1.164Q12.616 8.67 12.616 7q0-1.666 1.161-2.833T16.616 3q1.67 0 2.835 1.165Q20.616 5.329 20.616 7T19.44 9.836T16.616 11m-.385-3.384H17v-3h-.77zm.384 1.846q.2 0 .322-.131q.12-.131.14-.312q0-.2-.13-.34q-.131-.14-.331-.14t-.331.13t-.131.331t.13.33q.132.132.332.132m-9.323 6.831q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323m7 0q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323"/></svg> </template>
CSS
.icon-bus-alert-outline {
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%22M4.104%206.539h6.446zM6%2013H4h12zm-.961%208q-.214%200-.357-.143t-.144-.357v-1.896q-.596-.237-1.067-.99Q3%2016.863%203%2016.117V7q0-1.61%201.851-2.305T10.986%204q-.132.239-.245.479t-.191.515q-3.185.05-4.678.416q-1.493.365-1.768%201.129h6.144q-.017.25-.017.5t.036.5H4V12h8.814q.386.312.825.565t.934.435H4v3q0%20.825.588%201.413T6%2018h8q.825%200%201.413-.587T16%2016v-2.652q.25.036.5.036t.5-.017v2.748q0%20.746-.471%201.5q-.471.752-1.068.989V20.5q0%20.214-.143.357t-.356.143h-.231q-.214%200-.357-.143t-.143-.357V19H5.769v1.5q0%20.214-.143.357T5.269%2021zm11.577-10q-1.672%200-2.836-1.164Q12.616%208.67%2012.616%207q0-1.666%201.161-2.833T16.616%203q1.67%200%202.835%201.165Q20.616%205.329%2020.616%207T19.44%209.836T16.616%2011m-.385-3.384H17v-3h-.77zm.384%201.846q.2%200%20.322-.131q.12-.131.14-.312q0-.2-.13-.34q-.131-.14-.331-.14t-.331.13t-.131.331t.13.33q.132.132.332.132m-9.323%206.831q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323m7%200q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323%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%22M4.104%206.539h6.446zM6%2013H4h12zm-.961%208q-.214%200-.357-.143t-.144-.357v-1.896q-.596-.237-1.067-.99Q3%2016.863%203%2016.117V7q0-1.61%201.851-2.305T10.986%204q-.132.239-.245.479t-.191.515q-3.185.05-4.678.416q-1.493.365-1.768%201.129h6.144q-.017.25-.017.5t.036.5H4V12h8.814q.386.312.825.565t.934.435H4v3q0%20.825.588%201.413T6%2018h8q.825%200%201.413-.587T16%2016v-2.652q.25.036.5.036t.5-.017v2.748q0%20.746-.471%201.5q-.471.752-1.068.989V20.5q0%20.214-.143.357t-.356.143h-.231q-.214%200-.357-.143t-.143-.357V19H5.769v1.5q0%20.214-.143.357T5.269%2021zm11.577-10q-1.672%200-2.836-1.164Q12.616%208.67%2012.616%207q0-1.666%201.161-2.833T16.616%203q1.67%200%202.835%201.165Q20.616%205.329%2020.616%207T19.44%209.836T16.616%2011m-.385-3.384H17v-3h-.77zm.384%201.846q.2%200%20.322-.131q.12-.131.14-.312q0-.2-.13-.34q-.131-.14-.331-.14t-.331.13t-.131.331t.13.33q.132.132.332.132m-9.323%206.831q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323m7%200q.323-.322.323-.793t-.323-.793q-.322-.323-.793-.323t-.793.323q-.323.322-.323.793t.323.793q.322.323.793.323t.793-.323%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/bus-alert-outline.svg?color=%231a73e8&size=48
