diff --git a/.changeset/techdocs-hot-berries-collect.md b/.changeset/techdocs-hot-berries-collect.md
new file mode 100644
index 0000000000..efb8dcc7c9
--- /dev/null
+++ b/.changeset/techdocs-hot-berries-collect.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs': patch
+---
+
+Loading SVGs correctly with `bota` with extended characters
diff --git a/plugins/techdocs/src/reader/transformers/addBaseUrl.ts b/plugins/techdocs/src/reader/transformers/addBaseUrl.ts
index 2e3b853e42..96a5888a2a 100644
--- a/plugins/techdocs/src/reader/transformers/addBaseUrl.ts
+++ b/plugins/techdocs/src/reader/transformers/addBaseUrl.ts
@@ -69,7 +69,9 @@ export const addBaseUrl = ({
               const svgContent = await svg.text();
               elem.setAttribute(
                 attributeName,
-                `data:image/svg+xml;base64,${btoa(svgContent)}`,
+                `data:image/svg+xml;base64,${btoa(
+                  unescape(encodeURIComponent(svgContent)),
+                )}`,
               );
             } catch (e) {
               elem.setAttribute('alt', `Error: ${elemAttribute}`);