Warning Icons
A triangle with an exclamation mark is the near-universal signal for "pay attention before continuing" — form validation warnings, unsaved changes prompts, risky action confirmations, system status alerts. This page collects warning icon variants across Pathwork's libraries, from a plain outline triangle to filled or circle-framed versions, so you can match the exact weight your alert banner or inline warning needs.
Showing top 100·61 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all warning iconsSource libraries
Frequently Asked Questions
Warning (usually a triangle with an exclamation mark) signals something that needs attention or could cause a problem if ignored, but isn't necessarily broken yet — like an unsaved change or an approaching limit. Error (often a circle with an X or exclamation) signals something has already failed or gone wrong. Using the correct icon for each severity level helps users gauge urgency correctly.
Yellow or orange is the standard color convention for warnings specifically, especially in alert/banner systems that use color to distinguish message types (blue for info, yellow/orange for warning, red for error, green for success). Straying from this convention can make severity harder for users to judge at a glance, especially for users familiar with that pattern from other products.
This depends on the risk — a 'soft' warning (like a form field that looks unusual but isn't strictly invalid) can simply inform the user without blocking submission, while a 'hard' warning tied to a risky or irreversible action (like deleting data) should generally require explicit confirmation before proceeding, since the icon alone doesn't stop the action.
This is mostly a stylistic choice between libraries rather than a strict meaning difference — the triangle shape is the more traditional and widely recognized convention for warnings (borrowed from road signage), while a circular version is sometimes used to visually match other status icons (info, error, success) that also use circular frames within the same design system.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.
For actions with meaningful consequences (like leaving a page with unsaved changes, or submitting a form with an unusual value), pairing the warning icon with a confirmation dialog gives users a clear opportunity to reconsider, rather than relying on the icon alone to communicate risk before an irreversible action happens.