diff --git a/src/lib/components/Actions.svelte b/src/lib/components/Actions.svelte
index 5b2c2023..9c0bd1c4 100644
--- a/src/lib/components/Actions.svelte
+++ b/src/lib/components/Actions.svelte
@@ -8,6 +8,9 @@
import { logEvent } from '$lib/util/stats';
import dayjs from 'dayjs';
import { toBase64 } from 'js-base64';
+ import { version as FAVersion } from '@fortawesome/fontawesome-free/package.json';
+
+ const FONT_AWESOME_URL = `https://cdnjs.cloudflare.com/ajax/libs/font-awesome/${FAVersion}/css/all.min.css`;
const { krokiRendererUrl, rendererUrl } = env;
type Exporter = (context: CanvasRenderingContext2D, image: HTMLImageElement) => () => void;
@@ -28,7 +31,10 @@
const svgString = svg.outerHTML
.replaceAll('
', '
')
.replaceAll(/
]*)>/g, (m, g: string) => `
`);
- return toBase64(svgString);
+
+ return toBase64(`
+
+${svgString}`);
};
const exportImage = async (event: Event, exporter: Exporter) => {
@@ -72,7 +78,6 @@
const getSvgElement = () => {
const svgElement = document.querySelector('#container svg')?.cloneNode(true) as HTMLElement;
svgElement.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
- // TODO(#681) - Render Font Awesome Icons in SVG
return svgElement;
};