svelte-icons

2.1.0 • Public • Published

Commitizen friendly NPM: svelte-icons Build Status License: MIT

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.

Readme

Keywords

none

Package Sidebar

Install

npm i svelte-icons

Weekly Downloads

6,777

Version

2.1.0

License

MIT

Unpacked Size

10.2 MB

Total Files

7482

Last publish

Collaborators

  • introvertuous