Menu

Beta
Sign in
Beta
Error Message SVG illustration, flat

Error Message SVG illustration, flat

A floating notification panel contains an exclamation symbol and a dismiss button. Use it in a form error example or a user interface guide.

Free · from Error Pages, Flat Illustrations

Similar SVGs

More from Error Pages, Flat Illustrations

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XFNYAXPPlTyy/amnt.svg" alt="Error Message" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="200" cy="237" rx="130" ry="13" fill="#E9EEF0"/><rect x="55" y="83" width="290" height="132" rx="19" fill="#DCE5E8"/><rect x="55" y="74" width="290" height="132" rx="19" fill="#F7F9F9"/><path d="M74 74h8v132h-8a19 19 0 0 1-19-19V93a19 19 0 0 1 19-19Z" fill="#D98C80"/><circle cx="124" cy="140" r="29" fill="#F2DCD5"/><rect x="121" y="123" width="6" height="21" rx="3" fill="#B96D64"/><circle cx="124" cy="153" r="3.5" fill="#B96D64"/><rect x="172" y="120" width="102" height="9" rx="4.5" fill="#869DA5"/><rect x="172" y="140" width="129" height="6" rx="3" fill="#DCE5E8"/><rect x="172" y="155" width="95" height="6" rx="3" fill="#DCE5E8"/><circle cx="317" cy="101" r="11" fill="#E9EEF0"/><path d="m313.5 97.5 7 7m0-7-7 7" fill="none" stroke="#869DA5" stroke-width="2" stroke-linecap="round"/><path d="m92  fifty 0 0" fill="none"/><path d="m91 56-6-8m29 4-1-10M forty 140" fill="none"/><path d="m91 56-6-8m29 4-1-10" fill="none" stroke="#D98C80" stroke-width="3" stroke-linecap="round"/><circle cx="355" cy="174" r="4" fill="#F2DCD5"/><circle cx=" forty" cy="110" r="0" fill="#DCE5E8"/></svg>
CSS background-image
.error-message {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XFNYAXPPlTyy/amnt.svg");
  background-size: contain;
}
React
import ErrorMessageSvg from "./error-message.jsx"; // from the React tab above

<ErrorMessageSvg width={48} height={48} />

Tags

error messagenotificationalertpopuperrorsillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Error Message: A floating notification panel with an exclamation symbol and a small dismiss button. as part of the pack Error Pages, Flat Illustrations. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings