Navigation.svelte

<script>
import SvgIcon from '../components/SvgIcon.svelte'
import {bellIcon, userIcon} from '../svg/AppIcons'
//imported only required icon names
</script>

<nav>
    <a href="/notifications">
        <SvgIcon d={bellIcon} fill="red"/> <!-- used bellIcon as d attribute value -->
    </a>
    <a href="/profile">
        <SvgIcon d={userIcon}/>
    </a>
</nav>