Beta

Error Message SVG illustration, flat

Free
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.

Sign in to download. Free SVGs are free with any account.

error messagenotificationalertpopuperrorsillustrationflat

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} />

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.

Rest of Error Pages, Flat Illustrations

Whole pack

Similar SVGs

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