triangle alert icon
triangle-alert-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- triangle-alert-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the triangle alert icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.73282 3.88688C10.2061 1.37155 13.7947 1.37151 15.268 3.88688L22.4623 16.172C23.9502 18.7134 22.1759 21.9998 19.1947 22.0002H4.80607C1.82451 22.0001 0.0501869 18.7136 1.53849 16.172L8.73282 3.88688ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM12 8C11.4477 8 11 8.44772 11 9V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsTriangleAlertFill(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="M8.73282 3.88688C10.2061 1.37155 13.7947 1.37151 15.268 3.88688L22.4623 16.172C23.9502 18.7134 22.1759 21.9998 19.1947 22.0002H4.80607C1.82451 22.0001 0.0501869 18.7136 1.53849 16.172L8.73282 3.88688ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM12 8C11.4477 8 11 8.44772 11 9V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.73282 3.88688C10.2061 1.37155 13.7947 1.37151 15.268 3.88688L22.4623 16.172C23.9502 18.7134 22.1759 21.9998 19.1947 22.0002H4.80607C1.82451 22.0001 0.0501869 18.7136 1.53849 16.172L8.73282 3.88688ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM12 8C11.4477 8 11 8.44772 11 9V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8Z"/></svg> </template>
CSS
.icon-triangle-alert-fill {
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%22M8.73282%203.88688C10.2061%201.37155%2013.7947%201.37151%2015.268%203.88688L22.4623%2016.172C23.9502%2018.7134%2022.1759%2021.9998%2019.1947%2022.0002H4.80607C1.82451%2022.0001%200.0501869%2018.7136%201.53849%2016.172L8.73282%203.88688ZM12%2016C11.4477%2016%2011%2016.4477%2011%2017C11%2017.5523%2011.4477%2018%2012%2018C12.5523%2018%2013%2017.5523%2013%2017C13%2016.4477%2012.5523%2016%2012%2016ZM12%208C11.4477%208%2011%208.44772%2011%209V13C11%2013.5523%2011.4477%2014%2012%2014C12.5523%2014%2013%2013.5523%2013%2013V9C13%208.44772%2012.5523%208%2012%208Z%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%22M8.73282%203.88688C10.2061%201.37155%2013.7947%201.37151%2015.268%203.88688L22.4623%2016.172C23.9502%2018.7134%2022.1759%2021.9998%2019.1947%2022.0002H4.80607C1.82451%2022.0001%200.0501869%2018.7136%201.53849%2016.172L8.73282%203.88688ZM12%2016C11.4477%2016%2011%2016.4477%2011%2017C11%2017.5523%2011.4477%2018%2012%2018C12.5523%2018%2013%2017.5523%2013%2017C13%2016.4477%2012.5523%2016%2012%2016ZM12%208C11.4477%208%2011%208.44772%2011%209V13C11%2013.5523%2011.4477%2014%2012%2014C12.5523%2014%2013%2013.5523%2013%2013V9C13%208.44772%2012.5523%208%2012%208Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/triangle-alert-fill.svg?color=%231a73e8&size=48
