# Iconic Icons for Svelte

[Iconic Icons](https://github.com/Make-Lemonade/iconicicons)

## Install

```sh
npm install @artemis69/iconic-svelte
```

## Usage

Import main component Icon and pass icons as props:

```html
<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:

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

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


[Iconic Icons](https://github.com/Make-Lemonade/iconicicons). 

[Iconic Icons](https://github.com/Make-Lemonade/iconicicons)

@artemis69/iconic-svelte

Iconic Icons for Svelte

Install

Usage

Benefits

Keywords

Related posts