diff --git a/component-overview/examples/icons/Icon-ariahidden.jsx b/component-overview/examples/icons/Icon-ariahidden.jsx
index cf9a82514b..a3cd207e0e 100644
--- a/component-overview/examples/icons/Icon-ariahidden.jsx
+++ b/component-overview/examples/icons/Icon-ariahidden.jsx
@@ -1,7 +1,6 @@
 import { Icon } from '@sb1/ffe-icons-react';
 
 () => {
-    const base64 = PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Ik0yMTIuMDAxLTIyOHYtMzI5Ljg0NnEwLTE1LjAyMiA2LjY4My0yOC40NjIgNi42ODMtMTMuNDQxIDE5LjI0LTIzLjM4M2wyMDMuNjkyLTE1My41MzhxMTcuOTUzLTEyLjQ2MiAzOC4zMjItMTIuNDYyIDIwLjM2OSAwIDM4LjQ0NiAxMi40NjJsMjAzLjY5MiAxNTMuNTM4cTEyLjU1NyA5Ljk0MiAxOS4yNCAyMy4zODMgNi42ODMgMTMuNDQgNi42ODMgMjguNDYyVi0yMjhxMCAyNi4xODgtMTguOTA2IDQ1LjA5My0xOC45MDUgMTguOTA2LTQ1LjA5MyAxOC45MDZINTgwLjMwN3EtMTMuNjY1IDAtMjIuOTA5LTkuMjQ1LTkuMjQ0LTkuMjQ0LTkuMjQ0LTIyLjkwOXYtMTg3LjM4NHEwLTEzLjY2Ni05LjIxOS0yMi45MXQtMjIuODQ3LTkuMjQ0aC03MS44MjVxLTEzLjYyOCAwLTIzLjAyMiA5LjI0NC05LjM5NSA5LjI0NC05LjM5NSAyMi45MXYxODcuMzg0cTAgMTMuNjY1LTkuMjQ0IDIyLjkwOS05LjI0NCA5LjI0NS0yMi45MDkgOS4yNDVIMjc2cS0yNi4xODggMC00NS4wOTMtMTguOTA2LTE4LjkwNi0xOC45MDUtMTguOTA2LTQ1LjA5M1oiLz48L3N2Zz4=;
-    return <Icon filePath={base64} size="sm" />;
-
+    const base64 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im00MjguMjMxLTQyNC4xNTMtNjYuOTI0LTY1LjkyM3EtOC4zMDctOC4zMDgtMTcuODg0LTguNS05LjU3Ny0uMTkzLTE4LjI2OSA4LjUtOC42OTIgOC42OTItOC42OTIgMTguNTc2dDguNjkyIDE4LjU3Nmw4MC43NjkgODAuNzY5cTkuODQ2IDkuODQ2IDIyLjMwOCA5Ljg0NiAxMi40NjEgMCAyMi4zMDctOS44NDZsMTgzLjUzOC0xODMuNTM4cTguMzA4LTguMzA3IDguNS0xOC4zODQuMTkzLTEwLjA3Ny04LjUtMTguNzY5LTguNjkyLTguNjkyLTE4LjA3Ni04LjY5MnQtMTguMDc2IDguNjkyTDQyOC4yMzEtNDI0LjE1M1ptNTEuODM2IDMwOC4xNTJxLTc0LjgzNiAwLTE0MS4yMDQtMjguNDItNjYuMzY5LTI4LjQyLTExNi4xODItNzguMjEtNDkuODE0LTQ5Ljc5MS03OC4yNDctMTE2LjEyOS0yOC40MzMtNjYuMzM3LTI4LjQzMy0xNDEuMTczIDAtNzUuODM2IDI4LjQyLTE0MS43MDQgMjguNDItNjUuODY5IDc4LjIxLTExNS42ODIgNDkuNzkxLTQ5LjgxNCAxMTYuMTI5LTc4LjI0NyA2Ni4zMzctMjguNDMzIDE0MS4xNzMtMjguNDMzIDc1LjgzNiAwIDE0MS43MDQgMjguNDIgNjUuODY5IDI4LjQyIDExNS42ODIgNzguMjEgNDkuODE0IDQ5Ljc5MSA3OC4yNDcgMTE1LjYyOSAyOC40MzMgNjUuODM3IDI4LjQzMyAxNDEuNjczIDAgNzQuODM2LTI4LjQyIDE0MS4yMDQtMjguNDIgNjYuMzY5LTc4LjIxIDExNi4xODItNDkuNzkxIDQ5LjgxNC0xMTUuNjI5IDc4LjI0Ny02NS44MzcgMjguNDMzLTE0MS42NzMgMjguNDMzWiIvPjwvc3ZnPg==";
+    return <Icon fileUrl={base64} size="sm" />;
 }
diff --git a/component-overview/examples/icons/Icon-wrong-size.jsx b/component-overview/examples/icons/Icon-wrong-size.jsx
index 15527b2f3f..03474ba6d9 100644
--- a/component-overview/examples/icons/Icon-wrong-size.jsx
+++ b/component-overview/examples/icons/Icon-wrong-size.jsx
@@ -1,6 +1,6 @@
 import { Icon } from '@sb1/ffe-icons-react';
 
 () => {
-    const base64 = PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Ik0yMTIuMDAxLTIyOHYtMzI5Ljg0NnEwLTE1LjAyMiA2LjY4My0yOC40NjIgNi42ODMtMTMuNDQxIDE5LjI0LTIzLjM4M2wyMDMuNjkyLTE1My41MzhxMTcuOTUzLTEyLjQ2MiAzOC4zMjItMTIuNDYyIDIwLjM2OSAwIDM4LjQ0NiAxMi40NjJsMjAzLjY5MiAxNTMuNTM4cTEyLjU1NyA5Ljk0MiAxOS4yNCAyMy4zODMgNi42ODMgMTMuNDQgNi42ODMgMjguNDYyVi0yMjhxMCAyNi4xODgtMTguOTA2IDQ1LjA5My0xOC45MDUgMTguOTA2LTQ1LjA5MyAxOC45MDZINTgwLjMwN3EtMTMuNjY1IDAtMjIuOTA5LTkuMjQ1LTkuMjQ0LTkuMjQ0LTkuMjQ0LTIyLjkwOXYtMTg3LjM4NHEwLTEzLjY2Ni05LjIxOS0yMi45MXQtMjIuODQ3LTkuMjQ0aC03MS44MjVxLTEzLjYyOCAwLTIzLjAyMiA5LjI0NC05LjM5NSA5LjI0NC05LjM5NSAyMi45MXYxODcuMzg0cTAgMTMuNjY1LTkuMjQ0IDIyLjkwOS05LjI0NCA5LjI0NS0yMi45MDkgOS4yNDVIMjc2cS0yNi4xODggMC00NS4wOTMtMTguOTA2LTE4LjkwNi0xOC45MDUtMTguOTA2LTQ1LjA5M1oiLz48L3N2Zz4=;
-    return <Icon filePath={base64} size="lg" ariaLabel="Hake" />;
+    const base64 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im00MjguMjMxLTQyNC4xNTMtNjYuOTI0LTY1LjkyM3EtOC4zMDctOC4zMDgtMTcuODg0LTguNS05LjU3Ny0uMTkzLTE4LjI2OSA4LjUtOC42OTIgOC42OTItOC42OTIgMTguNTc2dDguNjkyIDE4LjU3Nmw4MC43NjkgODAuNzY5cTkuODQ2IDkuODQ2IDIyLjMwOCA5Ljg0NiAxMi40NjEgMCAyMi4zMDctOS44NDZsMTgzLjUzOC0xODMuNTM4cTguMzA4LTguMzA3IDguNS0xOC4zODQuMTkzLTEwLjA3Ny04LjUtMTguNzY5LTguNjkyLTguNjkyLTE4LjA3Ni04LjY5MnQtMTguMDc2IDguNjkyTDQyOC4yMzEtNDI0LjE1M1ptNTEuODM2IDMwOC4xNTJxLTc0LjgzNiAwLTE0MS4yMDQtMjguNDItNjYuMzY5LTI4LjQyLTExNi4xODItNzguMjEtNDkuODE0LTQ5Ljc5MS03OC4yNDctMTE2LjEyOS0yOC40MzMtNjYuMzM3LTI4LjQzMy0xNDEuMTczIDAtNzUuODM2IDI4LjQyLTE0MS43MDQgMjguNDItNjUuODY5IDc4LjIxLTExNS42ODIgNDkuNzkxLTQ5LjgxNCAxMTYuMTI5LTc4LjI0NyA2Ni4zMzctMjguNDMzIDE0MS4xNzMtMjguNDMzIDc1LjgzNiAwIDE0MS43MDQgMjguNDIgNjUuODY5IDI4LjQyIDExNS42ODIgNzguMjEgNDkuODE0IDQ5Ljc5MSA3OC4yNDcgMTE1LjYyOSAyOC40MzMgNjUuODM3IDI4LjQzMyAxNDEuNjczIDAgNzQuODM2LTI4LjQyIDE0MS4yMDQtMjguNDIgNjYuMzY5LTc4LjIxIDExNi4xODItNDkuNzkxIDQ5LjgxNC0xMTUuNjI5IDc4LjI0Ny02NS44MzcgMjguNDMzLTE0MS42NzMgMjguNDMzWiIvPjwvc3ZnPg=="; 
+    return <Icon fileUrl={base64} size="lg" ariaLabel="Hake" />;
 }
diff --git a/component-overview/examples/icons/Icon.jsx b/component-overview/examples/icons/Icon.jsx
index 2b2ca05031..0695782a7b 100644
--- a/component-overview/examples/icons/Icon.jsx
+++ b/component-overview/examples/icons/Icon.jsx
@@ -1,6 +1,6 @@
 import { Icon } from '@sb1/ffe-icons-react';
 
 () => {
-    const base64 = PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Ik0yMTIuMDAxLTIyOHYtMzI5Ljg0NnEwLTE1LjAyMiA2LjY4My0yOC40NjIgNi42ODMtMTMuNDQxIDE5LjI0LTIzLjM4M2wyMDMuNjkyLTE1My41MzhxMTcuOTUzLTEyLjQ2MiAzOC4zMjItMTIuNDYyIDIwLjM2OSAwIDM4LjQ0NiAxMi40NjJsMjAzLjY5MiAxNTMuNTM4cTEyLjU1NyA5Ljk0MiAxOS4yNCAyMy4zODMgNi42ODMgMTMuNDQgNi42ODMgMjguNDYyVi0yMjhxMCAyNi4xODgtMTguOTA2IDQ1LjA5My0xOC45MDUgMTguOTA2LTQ1LjA5MyAxOC45MDZINTgwLjMwN3EtMTMuNjY1IDAtMjIuOTA5LTkuMjQ1LTkuMjQ0LTkuMjQ0LTkuMjQ0LTIyLjkwOXYtMTg3LjM4NHEwLTEzLjY2Ni05LjIxOS0yMi45MXQtMjIuODQ3LTkuMjQ0aC03MS44MjVxLTEzLjYyOCAwLTIzLjAyMiA5LjI0NC05LjM5NSA5LjI0NC05LjM5NSAyMi45MXYxODcuMzg0cTAgMTMuNjY1LTkuMjQ0IDIyLjkwOS05LjI0NCA5LjI0NS0yMi45MDkgOS4yNDVIMjc2cS0yNi4xODggMC00NS4wOTMtMTguOTA2LTE4LjkwNi0xOC45MDUtMTguOTA2LTQ1LjA5M1oiLz48L3N2Zz4=;
-    return <Icon filePath={base64} size="sm" ariaLabel="Hake ikon" />;
+    const base64 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im00MjguMjMxLTQyNC4xNTMtNjYuOTI0LTY1LjkyM3EtOC4zMDctOC4zMDgtMTcuODg0LTguNS05LjU3Ny0uMTkzLTE4LjI2OSA4LjUtOC42OTIgOC42OTItOC42OTIgMTguNTc2dDguNjkyIDE4LjU3Nmw4MC43NjkgODAuNzY5cTkuODQ2IDkuODQ2IDIyLjMwOCA5Ljg0NiAxMi40NjEgMCAyMi4zMDctOS44NDZsMTgzLjUzOC0xODMuNTM4cTguMzA4LTguMzA3IDguNS0xOC4zODQuMTkzLTEwLjA3Ny04LjUtMTguNzY5LTguNjkyLTguNjkyLTE4LjA3Ni04LjY5MnQtMTguMDc2IDguNjkyTDQyOC4yMzEtNDI0LjE1M1ptNTEuODM2IDMwOC4xNTJxLTc0LjgzNiAwLTE0MS4yMDQtMjguNDItNjYuMzY5LTI4LjQyLTExNi4xODItNzguMjEtNDkuODE0LTQ5Ljc5MS03OC4yNDctMTE2LjEyOS0yOC40MzMtNjYuMzM3LTI4LjQzMy0xNDEuMTczIDAtNzUuODM2IDI4LjQyLTE0MS43MDQgMjguNDItNjUuODY5IDc4LjIxLTExNS42ODIgNDkuNzkxLTQ5LjgxNCAxMTYuMTI5LTc4LjI0NyA2Ni4zMzctMjguNDMzIDE0MS4xNzMtMjguNDMzIDc1LjgzNiAwIDE0MS43MDQgMjguNDIgNjUuODY5IDI4LjQyIDExNS42ODIgNzguMjEgNDkuODE0IDQ5Ljc5MSA3OC4yNDcgMTE1LjYyOSAyOC40MzMgNjUuODM3IDI4LjQzMyAxNDEuNjczIDAgNzQuODM2LTI4LjQyIDE0MS4yMDQtMjguNDIgNjYuMzY5LTc4LjIxIDExNi4xODItNDkuNzkxIDQ5LjgxNC0xMTUuNjI5IDc4LjI0Ny02NS44MzcgMjguNDMzLTE0MS42NzMgMjguNDMzWiIvPjwvc3ZnPg=="; 
+    return <Icon fileUrl={base64} size="sm" ariaLabel="Hake ikon" />;
 }