chili alert icon
chili-alert from Material Design Icons by Pictogrammers · Filled · Alert / Error · Apache-2.0 Free for personal and commercial use.
- Name
- chili-alert
- Set
- Material Design Icons
- Style
- Filled
- Category
- Alert / Error
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Design Icons
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-alertbus-alertcalendar-alertcar-brake-alert
Use the chili alert icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.25 7.5l-1.52-.87C8.26 5.7 9.03 5 9.94 4.69C9.8 4.29 9.44 4 9 4V2c1.54 0 2.79 1.16 2.97 2.65c.94.29 1.75 1.01 2.3 1.98l-1.52.87l-1.75-1zm4.75.78L12.75 9L11 8L9.25 9L8 8.28c-.6.35-1 .99-1 1.72v1c0 9 8 11 8 11V10c0-.73-.4-1.37-1-1.72M17 7v6h2V7zm0 10h2v-2h-2z"/></svg>
React
import type { SVGProps } from "react";
export function MdiChiliAlert(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="m9.25 7.5l-1.52-.87C8.26 5.7 9.03 5 9.94 4.69C9.8 4.29 9.44 4 9 4V2c1.54 0 2.79 1.16 2.97 2.65c.94.29 1.75 1.01 2.3 1.98l-1.52.87l-1.75-1zm4.75.78L12.75 9L11 8L9.25 9L8 8.28c-.6.35-1 .99-1 1.72v1c0 9 8 11 8 11V10c0-.73-.4-1.37-1-1.72M17 7v6h2V7zm0 10h2v-2h-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.25 7.5l-1.52-.87C8.26 5.7 9.03 5 9.94 4.69C9.8 4.29 9.44 4 9 4V2c1.54 0 2.79 1.16 2.97 2.65c.94.29 1.75 1.01 2.3 1.98l-1.52.87l-1.75-1zm4.75.78L12.75 9L11 8L9.25 9L8 8.28c-.6.35-1 .99-1 1.72v1c0 9 8 11 8 11V10c0-.73-.4-1.37-1-1.72M17 7v6h2V7zm0 10h2v-2h-2z"/></svg> </template>
CSS
.icon-chili-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%22m9.25%207.5l-1.52-.87C8.26%205.7%209.03%205%209.94%204.69C9.8%204.29%209.44%204%209%204V2c1.54%200%202.79%201.16%202.97%202.65c.94.29%201.75%201.01%202.3%201.98l-1.52.87l-1.75-1zm4.75.78L12.75%209L11%208L9.25%209L8%208.28c-.6.35-1%20.99-1%201.72v1c0%209%208%2011%208%2011V10c0-.73-.4-1.37-1-1.72M17%207v6h2V7zm0%2010h2v-2h-2z%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%22m9.25%207.5l-1.52-.87C8.26%205.7%209.03%205%209.94%204.69C9.8%204.29%209.44%204%209%204V2c1.54%200%202.79%201.16%202.97%202.65c.94.29%201.75%201.01%202.3%201.98l-1.52.87l-1.75-1zm4.75.78L12.75%209L11%208L9.25%209L8%208.28c-.6.35-1%20.99-1%201.72v1c0%209%208%2011%208%2011V10c0-.73-.4-1.37-1-1.72M17%207v6h2V7zm0%2010h2v-2h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/chili-alert.svg?color=%231a73e8&size=48
