@deboxsoft/svelte-icons v5.0.2

Svelte Icons Pack

Based on https://github.com/react-icons/react-icons)

Demo page

https://leshak.github.io/svelte-icons-pack/#/

Installation

Yarn

yarn add svelte-icons-pack

NPM

npm install svelte-icons-pack --save

Usage

<script>
  import Icon from 'svelte-icons-pack/Icon.svelte';
  import AiOutlineNodeExpand from 'svelte-icons-pack/ai/AiOutlineNodeExpand';
</script>

<Icon src={AiOutlineNodeExpand} />

Icons

You can add more icons by submitting pull requests or creating issues.

Configuration

You can configure icons props using

<script>
  import Icon from 'svelte-icons-pack/Icon.svelte';
  import AiOutlineNodeExpand from 'svelte-icons-pack/ai/AiOutlineNodeExpand';
</script>

<style>
  :global(.custom-icon) {
    margin: 100px;
  }
</style>

<Icon src={AiOutlineNodeExpand} color="red" size="64" className="custom-icon" title="Custom icon params" />

Licence

MIT

• Icons are taken from the other projects so please check each project licences accordingly.