Svelte-Awesome

Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome

Svelte-Awesome is built upon Font-Awesome v4.7.0

A demo is available here

Installation

NPM

$ npm install --save svelte-awesome

Usage

  import Icon from 'svelte-awesome/src/components/Icon.html'
	import beer from 'svelte-awesome/src/icons/beer'

	export default {
    data () {
      return {
        beer
      }
    },

		components: {
			Icon
		}
	}

<!-- basic -->
<Icon data="{beer}"></Icon>

<!-- with options -->
<Icon data="{refresh}" scale="2"></Icon>
<Icon data="{comment}" flip="horizontal"></Icon>
<Icon data="{code-fork}" label="Forked Repository"></Icon>

<!-- stacked icons [WIP] -->
<Icon label="No Photos">
  <Icon data="{camera}"></Icon>
  <Icon data="{ban}" scale="2" class="alert"></Icon>
</Icon>