Adjust CSS

src/lib/navigation/nav.svelte

@@ -3,27 +3,31 @@
     {
       title: 'Home',
       path: '/',
-      svgPath: '/images/navigation/home.svg'
+      svgPath: '/images/navigation/home.svg',
+      icon: IconHome
     },
     {
       title: 'PIS Finder',
       path: '/pis/',
-      svgPath: '/images/navigation/info.svg'
+      svgPath: '/images/navigation/info.svg',
+      icon: IconNumbers
     },
     {
       title: 'Menu',
       path: '/more/',
-      svgPath: '/images/navigation/more.svg'
+      svgPath: '/images/navigation/more.svg',
+      icon: IconMenu2
     }
   ];
   import { page } from '$app/stores';
+  import { IconHome, IconMenu2, IconNumbers } from '@tabler/icons-svelte';
 </script>
 
 <footer>
   
   {#each links as item}
     <a href={item.path} class:active={$page.url.pathname == item.path}>
-      <img src={item.svgPath} alt={item.title} />
+      <svelte:component this={item.icon} />
       <br />
       <span>{item.title}</span>
     </a>