404 Error color filled icon

Save404 Error color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
404 Error Black Outline icon
Filled
404 Error Black Filled icon
Color outline
404 Error Color Outline icon
Color filled

Round badge with an exclamation mark above the number 404

✨ Ready styles — click one to customize it in the Advanced editor

About the 404 Error color filled icon

Two concentric circles frame the numerals 404 with a small exclamation mark set above them, the classic shorthand for a web page that could not be found. The badge shape gives it the feel of a status stamp rather than plain text, which suits error screens, broken link warnings, site health dashboards, hosting control panels and developer documentation about HTTP responses.

The ring keeps the numerals centered and readable, and the exclamation mark adds an alert cue without a separate warning triangle. Pair it with maintenance, server and search icons from the same family. Because the digits are fine, use it at 32px or larger, or as a large illustration on an empty-state page.

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

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept