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
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