bus alert icon
bus-alert from Material Design Icons by Pictogrammers · Filled · Alert / Error · Apache-2.0 Free for personal and commercial use.
- Name
- bus-alert
- Set
- Material Design Icons
- Style
- Filled
- Category
- Alert / Error
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- bus-warning
The same icon in other sets
More alert / error icons from Material Design Icons
airplane-alertalertalert-boxalert-circlealert-circle-checkalert-decagramalert-minusalert-octagonalert-octagramalert-plusalert-removealert-rhombusarchive-alertbattery-alertbattery-alert-bluetoothbattery-alert-variantbattery-charging-wireless-alertbeaker-alertbell-alertbook-alertboom-gate-alertcalendar-alertcar-brake-alertcar-light-alert
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="M16 1a7 7 0 0 1 7 7c0 3.53-2.61 6.45-6 6.93V18c0 .84-.35 1.58-1.04 2.2V22c0 .27-.09.5-.28.71c-.18.2-.42.29-.68.29h-1a.98.98 0 0 1-.73-.29a.96.96 0 0 1-.31-.71v-1H5.04v1c0 .27-.1.5-.31.71c-.2.2-.44.29-.73.29H3c-.26 0-.5-.09-.68-.29c-.19-.21-.28-.44-.28-.71v-1.8C1.35 19.58 1 18.84 1 18V8c0-1.58.7-2.65 2.07-3.2C4.44 4.26 6.42 4 9 4l1.23.03A7.01 7.01 0 0 1 16 1m0 2a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m-1 7h2v2h-2zm0-6h2v5h-2zM3 13h8.09A7 7 0 0 1 9 8H3zm1.5 3c-.81 0-1.5.67-1.5 1.5A1.5 1.5 0 0 0 4.5 19c.85 0 1.5-.67 1.5-1.5A1.5 1.5 0 0 0 4.5 16m9 0c-.85 0-1.5.67-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5c.81 0 1.5-.67 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5"/></svg>
React
import type { SVGProps } from "react";
export function MdiBusAlert(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="M16 1a7 7 0 0 1 7 7c0 3.53-2.61 6.45-6 6.93V18c0 .84-.35 1.58-1.04 2.2V22c0 .27-.09.5-.28.71c-.18.2-.42.29-.68.29h-1a.98.98 0 0 1-.73-.29a.96.96 0 0 1-.31-.71v-1H5.04v1c0 .27-.1.5-.31.71c-.2.2-.44.29-.73.29H3c-.26 0-.5-.09-.68-.29c-.19-.21-.28-.44-.28-.71v-1.8C1.35 19.58 1 18.84 1 18V8c0-1.58.7-2.65 2.07-3.2C4.44 4.26 6.42 4 9 4l1.23.03A7.01 7.01 0 0 1 16 1m0 2a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m-1 7h2v2h-2zm0-6h2v5h-2zM3 13h8.09A7 7 0 0 1 9 8H3zm1.5 3c-.81 0-1.5.67-1.5 1.5A1.5 1.5 0 0 0 4.5 19c.85 0 1.5-.67 1.5-1.5A1.5 1.5 0 0 0 4.5 16m9 0c-.85 0-1.5.67-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5c.81 0 1.5-.67 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 1a7 7 0 0 1 7 7c0 3.53-2.61 6.45-6 6.93V18c0 .84-.35 1.58-1.04 2.2V22c0 .27-.09.5-.28.71c-.18.2-.42.29-.68.29h-1a.98.98 0 0 1-.73-.29a.96.96 0 0 1-.31-.71v-1H5.04v1c0 .27-.1.5-.31.71c-.2.2-.44.29-.73.29H3c-.26 0-.5-.09-.68-.29c-.19-.21-.28-.44-.28-.71v-1.8C1.35 19.58 1 18.84 1 18V8c0-1.58.7-2.65 2.07-3.2C4.44 4.26 6.42 4 9 4l1.23.03A7.01 7.01 0 0 1 16 1m0 2a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m-1 7h2v2h-2zm0-6h2v5h-2zM3 13h8.09A7 7 0 0 1 9 8H3zm1.5 3c-.81 0-1.5.67-1.5 1.5A1.5 1.5 0 0 0 4.5 19c.85 0 1.5-.67 1.5-1.5A1.5 1.5 0 0 0 4.5 16m9 0c-.85 0-1.5.67-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5c.81 0 1.5-.67 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5"/></svg> </template>
CSS
.icon-bus-alert {
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%22M16%201a7%207%200%200%201%207%207c0%203.53-2.61%206.45-6%206.93V18c0%20.84-.35%201.58-1.04%202.2V22c0%20.27-.09.5-.28.71c-.18.2-.42.29-.68.29h-1a.98.98%200%200%201-.73-.29a.96.96%200%200%201-.31-.71v-1H5.04v1c0%20.27-.1.5-.31.71c-.2.2-.44.29-.73.29H3c-.26%200-.5-.09-.68-.29c-.19-.21-.28-.44-.28-.71v-1.8C1.35%2019.58%201%2018.84%201%2018V8c0-1.58.7-2.65%202.07-3.2C4.44%204.26%206.42%204%209%204l1.23.03A7.01%207.01%200%200%201%2016%201m0%202a5%205%200%200%200-5%205a5%205%200%200%200%205%205a5%205%200%200%200%205-5a5%205%200%200%200-5-5m-1%207h2v2h-2zm0-6h2v5h-2zM3%2013h8.09A7%207%200%200%201%209%208H3zm1.5%203c-.81%200-1.5.67-1.5%201.5A1.5%201.5%200%200%200%204.5%2019c.85%200%201.5-.67%201.5-1.5A1.5%201.5%200%200%200%204.5%2016m9%200c-.85%200-1.5.67-1.5%201.5a1.5%201.5%200%200%200%201.5%201.5c.81%200%201.5-.67%201.5-1.5a1.5%201.5%200%200%200-1.5-1.5%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%22M16%201a7%207%200%200%201%207%207c0%203.53-2.61%206.45-6%206.93V18c0%20.84-.35%201.58-1.04%202.2V22c0%20.27-.09.5-.28.71c-.18.2-.42.29-.68.29h-1a.98.98%200%200%201-.73-.29a.96.96%200%200%201-.31-.71v-1H5.04v1c0%20.27-.1.5-.31.71c-.2.2-.44.29-.73.29H3c-.26%200-.5-.09-.68-.29c-.19-.21-.28-.44-.28-.71v-1.8C1.35%2019.58%201%2018.84%201%2018V8c0-1.58.7-2.65%202.07-3.2C4.44%204.26%206.42%204%209%204l1.23.03A7.01%207.01%200%200%201%2016%201m0%202a5%205%200%200%200-5%205a5%205%200%200%200%205%205a5%205%200%200%200%205-5a5%205%200%200%200-5-5m-1%207h2v2h-2zm0-6h2v5h-2zM3%2013h8.09A7%207%200%200%201%209%208H3zm1.5%203c-.81%200-1.5.67-1.5%201.5A1.5%201.5%200%200%200%204.5%2019c.85%200%201.5-.67%201.5-1.5A1.5%201.5%200%200%200%204.5%2016m9%200c-.85%200-1.5.67-1.5%201.5a1.5%201.5%200%200%200%201.5%201.5c.81%200%201.5-.67%201.5-1.5a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/bus-alert.svg?color=%231a73e8&size=48
