The Best Icon Library For Svelte

Table of Contents

• Iconify

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.

npm i iconify-icon

<script lang="ts">
  import 'iconify-icon'
</script>

After you find the icon copy the generated code.

<iconify-icon icon="mdi:home"></iconify-icon>

That’s it.