diff --git a/src/public/app/services/note_content_renderer.js b/src/public/app/services/note_content_renderer.js
index 12c094cf4..a1d06ed92 100644
--- a/src/public/app/services/note_content_renderer.js
+++ b/src/public/app/services/note_content_renderer.js
@@ -7,6 +7,7 @@ import openService from "./open.js";
 import froca from "./froca.js";
 import utils from "./utils.js";
 import linkService from "./link.js";
+import errorSvg from "../widgets/type_widgets/canvas-note-utils/errorSvg";
 
 let idCounter = 1;
 
@@ -149,9 +150,9 @@ async function getRenderedContent(note, options = {}) {
         const content = noteComplement.content || "";
 
         try {
-            const errorSvg = `<svg viewBox="0 0 240 80" style="background-color: white" xmlns="http://www.w3.org/2000/svg"><style>.red { font: 12px serif; fill: red; }</style><text x="20" y="35" class="red">Error: note svg is undefined or empty</text></svg>`;
+            const placeHolderSVG = errorSvg;
             const data = JSON.parse(content)
-            const svg = data.svg || errorSvg;
+            const svg = data.svg || placeHolderSVG;
             /**
              * maxWidth: size down to 100% (full) width of container but do not enlarge!
              * height:auto to ensure that height scales with width
diff --git a/src/public/app/widgets/type_widgets/canvas-note-utils/errorSvg.js b/src/public/app/widgets/type_widgets/canvas-note-utils/errorSvg.js
new file mode 100644
index 000000000..80b40dae9
--- /dev/null
+++ b/src/public/app/widgets/type_widgets/canvas-note-utils/errorSvg.js
@@ -0,0 +1,11 @@
+/**
+ * used a placeholder, when svg parsing fails
+ */
+const erorrSvg = `<svg viewBox="0 0 240 80" style="background-color: white" xmlns="http://www.w3.org/2000/svg">
+<style>.red { font: 12px serif; fill: red; }</style>
+<text x="20" y="35" class="red">
+Error: note svg is undefined or empty
+</text>
+</svg>`;
+
+export default erorrSvg;