Warning SVG Icons
Warning triangles and alert icons flag risky actions, degraded states, and validation problems. Triangle, circle, and diamond variants are collected here with matching filled versions.
Showing top 150 (of many)·69 icon packs·Free & open source
Showing top 150 results, many more icons available
Search all Warning Icons iconsRelated icons
Warning Icons by library
The icons above come from 69 open-source libraries. Open one to see its full set in a matching style.
- Fluent UI System Icons38
- Phosphor11
- Material Design Icons11
- Tabler Icons10
- Carbon7
- Material Symbols4
- Reicon2
- Health Icons2
- IonIcons2
- Famicons2
- Pico-icon2
- Clarity2
57 more libraries
- IconPark Outline1
- coolicons1
- Element Plus1
- Material Symbols Light1
- Keyline Icons1
- OpenMoji1
- Twitter Emoji1
- Noto Emoji1
- Fluent Emoji Flat1
- Fluent Emoji1
- IconPark1
- Noto Emoji (v1)1
- Font Awesome Solid1
- IconPark Solid1
- IconPark TwoTone1
- Emoji One (Colored)1
- Fluent UI MDL21
- Fluent Emoji High Contrast1
- Siemens Industrial Experience Icons1
- Emoji One (Monotone)1
- Emoji One (v1)1
- Material Line Icons1
- Jam Icons1
- Codicons1
- Memory Icons1
- NRK Core Icons1
- Grommet Icons1
- Vaadin Icons1
- Marketeq1
- CoreUI Free1
- IcoMoon Free1
- PrestaShop Icons1
- OpenSearch UI1
- OOUI1
- Gitlab SVGs1
- WordPress Icons1
- Dashicons1
- Typicons1
- Entypo+1
- Circum Icons1
- Material Design Light1
- Foundation1
- Raphael1
- Feather Icon1
- Open Iconic1
- Maki1
- uiw icons1
- Rivet Icons1
- Mono Icons1
- Mono Icons1
- FormKit Icons1
- Quill Icons1
- Innowatio Font1
- Bytesize Icons1
- Elegant1
- TopCoat Icons1
- CodeX Icons1
Frequently Asked Questions
Triangle or circle for a warning message?
The exclamation triangle is for warnings that need attention before proceeding. The exclamation circle suits inline validation errors. Reserve red octagons for hard stops and destructive failures.
What color pairs with a warning icon?
Amber for warnings, red for errors. Do not use amber text on white backgrounds for the message itself; keep text in your normal foreground color and let the icon and border carry the amber.