triangle-alert

Triangle Alert icon · Lucide · <TriangleAlert />

triangle-alert

Lucide tags triangle-alert with linter, danger and exclamation mark. It was previously named alert-triangle, which still works as an alias. The matching icons are Warning in Microsoft's Fluent icons and warning in Google's Material Symbols.

24 px, stroke 2

triangle-alert.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { TriangleAlert } from "lucide-react";

export function Example() {
  return <TriangleAlert />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`triangle-alert`
Component	`TriangleAlert` (also `TriangleAlertIcon`, `LucideTriangleAlert`)
Old names	`alert-triangle` (still work as aliases)
Categories	Notifications, Shapes, Coding & development
Icon font	`icon-triangle-alert`, `U+E193`
CSS content	`"\e193"`
File	`lucide-static/icons/triangle-alert.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)