404 Error color outline icon
Round badge with an exclamation mark above the number 404
Related tags
About the 404 Error color outline 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 outline version of the 404 error icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
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.
