The Best Icon Library For Svelte

Published Dec 11, 2022

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

You can subscribe on YouTube, or consider becoming a patron if you want to support my work.

Patreon
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