Iconic Icons for Svelte

Iconic Icons

Install

npm install @artemis69/iconic-svelte

Usage

Import main component Icon and pass icons as props:

<script>
  import { Icon, HeartIcon } from '@artemis69/iconic-svelte'
</script>

<Icon icon={HeartIcon} width="36" height="36"/>

Icons use an upper camel case naming convention and are always suffixed with the word Icon.

Benefits

You can listen to events on Icon:

<script>
  import { Icon, HeartIcon } from '@artemis69/iconic-svelte'
</script>

<Icon icon={HeartIcon} on:click={() => alert('Alert here!')}/>