Skip to content
Ikions
Explore icons

Free Svelte icons

Original icons for Svelte 5 and SvelteKit, as lightweight components.

Browse all iconsSvelte guide

How to use them

  1. 1Browse or search the icon explorer.
  2. 2Adjust it to match your design.
  3. 3Copy the SVG into your markup, or import the component from @ikions/svelte.
Nav.svelte
<script>
  import { HomeIcon, SearchIcon } from "@ikions/svelte";
</script>

<nav>
  <HomeIcon size={20} />
  <SearchIcon size={20} variant="filled" title="Search" />
</nav>

Popular Svelte icons

All 30 categories →