Attention Warning Triangle color filled icon

About the Attention Warning Triangle color filled icon

An equilateral triangle with softened corners contains a tapered exclamation stroke above a separate round dot, both centered on the vertical axis. It is the standard cue for caution, risk and something that needs a second look. Use it in alert banners, form validation messages, error dialogs, hazard labels and system status dashboards.

The exclamation narrows toward the bottom and the dot sits low in the triangle, which balances the shape against its wide base. It pairs with info, error and success icons from the library for a complete status set. Keep a clear margin around it in banners so it is not read as decoration.

This is the colour filled version of the attention warning triangle icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.

Free for personal and commercial use with attribution.