diff --git a/src/svelte/elem/Icon.svelte b/src/svelte/elem/Icon.svelte
new file mode 100644
index 0000000..07f629d
--- /dev/null
+++ b/src/svelte/elem/Icon.svelte
@@ -0,0 +1,26 @@
+<script context="module">
+
+    let iconCache = new Map()
+
+</script>
+
+<script>
+    export let icon; // like "admin/___"
+    let iconSrc;
+
+    if (iconCache.has(icon)) {
+        iconSrc = iconCache.get(icon)
+    } else {
+        fetch(`/static/assets/icons/${icon}`).then((response) => {
+            if (response.ok) response.text().then(src => {
+                iconCache.set( icon, src )
+                iconSrc = src
+            })
+        })
+    }
+
+</script>
+
+<div class="iconContainer">
+    {@html iconSrc} <!-- TODO: !! MITM attack very possible here so we'll need to purify this later! -->
+</div>
\ No newline at end of file