Alert Urgent icon

Used for alerts or notifications. The Alert Urgent icon is part of Microsoft's Fluent UI System Icons, available here in regular, filled and color styles in 3 sizes from 16 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

Filled

Color

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

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_alert_urgent_24_regular.svg

npm install @fluentui/react-icons

import { AlertUrgent24Regular } from "@fluentui/react-icons";

export function Example() {
  return <AlertUrgent24Regular aria-label="Alert Urgent" />;
}

Use the Alert Urgent icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { AlertUrgent24Regular, AlertUrgent24Filled } from "@fluentui/react-icons";

export function Example() {
  return <AlertUrgent24Regular aria-label="Alert Urgent" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_alert_urgent_24_regular.svg" width="24" height="24" alt="Alert Urgent">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4286 19.9244L13.9911 18.4123C14.1244 19.2925 13.6531 20.185 12.7958 20.5489C11.9385 20.9128 10.9692 20.6318 10.4286 19.9244ZM15.8613 2.09392C17.947 3.23347 19.5128 4.69659 20.543 6.48101C21.5732 8.26543 22.0575 10.353 22.0015 12.7291C21.9917 13.1432 21.6481 13.4709 21.234 13.4612C20.8199 13.4514 20.4921 13.1078 20.5019 12.6937C20.5516 10.5824 20.1304 8.76635 19.244 7.23101C18.3575 5.69566 16.9954 4.42285 15.1421 3.41027C14.7786 3.21167 14.6449 2.756 14.8435 2.3925C15.0421 2.029 15.4978 1.89532 15.8613 2.09392ZM6.71144 6.51547C9.57319 5.24134 12.9156 6.4461 14.3109 9.26099L14.4092 9.47041L15.6966 12.3623L17.3949 13.832C17.4876 13.9123 17.5679 14.0057 17.661 14.1568L17.7197 14.2711C17.9991 14.9024 17.7138 15.6407 17.0825 15.9201L6.75588 20.4902C6.59655 20.5607 6.42424 20.5972 6.25 20.5972C5.55964 20.5972 5 20.0375 5 19.3475L4.99892 17.0046L3.75654 14.2132C2.44304 11.2631 3.76572 7.82699 6.71144 6.51547ZM5.1269 13.6032L6.49877 16.6855L6.49982 18.9632L16.1149 14.708L14.4622 13.2777L13.0453 10.0946L12.9603 9.91326C11.9289 7.83289 9.44847 6.93882 7.32154 7.88579C5.13205 8.86061 4.15056 11.4103 5.1269 13.6032ZM15.6237 5.69457C16.5907 6.22184 17.3657 6.9892 17.94 7.98387C18.5142 8.97855 18.7913 10.0334 18.7644 11.1345C18.7543 11.5486 18.4105 11.8761 17.9964 11.866C17.5823 11.8559 17.2548 11.512 17.2649 11.0979C17.2849 10.2763 17.0792 9.49294 16.6409 8.73387C16.2027 7.97481 15.6272 7.40494 14.9056 7.01151C14.542 6.81321 14.4079 6.35765 14.6062 5.99399C14.8045 5.63032 15.2601 5.49627 15.6237 5.69457Z" fill="currentColor"/></svg>

Details

Name	Alert Urgent
Styles	Regular (outlined), Filled, Color
Sizes	16 px, 20 px, 24 px
Regular (outlined) file	`ic_fluent_alert_urgent_24_regular.svg`
Filled file	`ic_fluent_alert_urgent_24_filled.svg`
Color file	`ic_fluent_alert_urgent_24_color.svg`
React (Regular)	`AlertUrgent16Regular, AlertUrgent20Regular, AlertUrgent24Regular`
React (Filled)	`AlertUrgent16Filled, AlertUrgent20Filled, AlertUrgent24Filled`
React (Color)	`AlertUrgent16Color, AlertUrgent20Color, AlertUrgent24Color`
License	MIT (© Microsoft Corporation)

Keywords

alarm

Alert Urgent icon

Every size and style