svelte-icons

Svelte Icons

Icon components for svelte.

Installation

npm install --save svelte-icons

Usage

Visit the icon navigator to search through the available icon sets. Click an icon to copy the import statement to your clipboard.

<script>
  import ChevronCircleUp from 'svelte-icons/fa/FaChevronCircleUp.svelte';
</script>

<style>
  .icon {
    color: red;
    width: 32px;
    height: 32px;
  }
</style>

<div class="icon">
  <ChevronCircleUp />
</div>

Running The Example (Icon Navigator)

scripts (yarn prefix omitted)

• submodule
• link (/)
• dev (/)
• link svelte-icons (/example)
• dev (/example)

[ NOTE / TODO ]: Building the example takes a very long time, but technically hot-reloading should be fast, although it seems that rollup is not caching dynamic imports for some reason, which means dev with hot-reload is not possible atm. The current work around is to remove some number (ideally all but one) of dynamic imports from inside store.js, depending on which packages you need during development.