The Best Icon Library For Svelte

Published Dec 11, 2022

Table of Contents


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'

After you find the icon copy the generated code.

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

Thatโ€™s it.


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