The Best Icon Library For Svelte

Table of Contents

Iconify

Iconify is a framework agnostic icon library that includes every popular icon set — you can use Icônes to explore icons and copy them directly as SVG if you want.

To use the icons you can use the component wrapper for your framework but the recommended way is to use the web component version.

terminal
npm i iconify-icon
+layout.svelte
<script lang="ts">
  import 'iconify-icon'
</script>

After you find the icon copy the generated code.

+page.svelte
<iconify-icon icon="mdi:home"></iconify-icon>

That’s it.

Support

If you want to support the content you're reading or watching on YouTube consider becoming a patreon starting low as 1$ per month.

Become a patreon
Subscribe For Updates
Found a mistake?

Every post is a Markdown file so contributing is simple as following the link below and pressing the pencil icon inside GitHub to edit it.

Edit on GitHub