JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://lorempixel.com/4200/200">
<img src="plop">
<img src="https://lorempixel.com/200/200">
<img src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20heigth%3D%22120%22%20width%3D%22120%22%20version%3D%221.1%22%20viewBox%3D%220%200%20120%20120%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%3E%0D%0A%09%3Cmetadata%3E%0D%0A%09%09%3Crdf%3ARDF%3E%0D%0A%09%09%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%0D%0A%09%09%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0D%0A%09%09%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%2F%3E%0D%0A%09%09%3Cdc%3Atitle%2F%3E%0D%0A%09%09%3C%2Fcc%3AWork%3E%0D%0A%09%09%3C%2Frdf%3ARDF%3E%0D%0A%09%3C%2Fmetadata%3E%0D%0A%09%3Ccircle%20width%3D%22100%22%20height%3D%22100%22%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2250%22%20fill%3D%22%23fff%22%20stroke%3D%22%23f00%22%20stroke-width%3D%2210%22%2F%3E%0D%0A%09%3Cline%20x1%3D%2225%22%20y1%3D%2225%22%20x2%3D%2295%22%20y2%3D%2295%22%20stroke%3D%22%23f00%22%20stroke-width%3D%2210px%22%2F%3E%0D%0A%09%3Cline%20x1%3D%2225%22%20y1%3D%2295%22%20x2%3D%2295%22%20y2%3D%2225%22%20stroke%3D%22%23f00%22%20stroke-width%3D%2210px%22%2F%3E%0D%0A%3C%2Fsvg%3E">

JavaScript

for (let e of document.querySelectorAll("img")) {
  e.addEventListener("error", (event) => {
    e.src="data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20heigth%3D%22120%22%20width%3D%22120%22%20version%3D%221.1%22%20viewBox%3D%220%200%20120%20120%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%3E%0D%0A%09%3Cmetadata%3E%0D%0A%09%09%3Crdf%3ARDF%3E%0D%0A%09%09%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%0D%0A%09%09%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0D%0A%09%09%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%2F%3E%0D%0A%09%09%3Cdc%3Atitle%2F%3E%0D%0A%09%09%3C%2Fcc%3AWork%3E%0D%0A%09%09%3C%2Frdf%3ARDF%3E%0D%0A%09%3C%2Fmetadata%3E%0D%0A%09%3Ccircle%20width%3D%22100%22%20height%3D%22100%22%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2250%22%20fill%3D%22%23fff%22%20stroke%3D%22%23f00%22%20stroke-width%3D%2210%22%2F%3E%0D%0A%09%3Cline%20x1%3D%2225%22%20y1%3D%2225%22%20x2%3D%2295%22%20y2%3D%2295%22%20stroke%3D%22%23f00%22%20stroke-width%3D%2210px%22%2F%3E%0D%0A%09%3Cline%20x1%3D%2225%22%20y1%3D%2295%22%20x2%3D%2295%22%20y2%3D%2225%22%20stroke%3D%22%23f00%22%20stroke-width%3D%2210px%22%2F%3E%0D%0A%3C%2Fsvg%3E";
  });
}