svelte-awesome

Svelte-Awesome

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

Svelte-Awesome supports Font-Awesome v4.7.0 (icons inbuilt) and v5 (via @fortawesome npm packages)

A demo is available here

Installation

NPM

$ npm install --save svelte-awesome

Usage

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

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

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

<!-- FontAwesome v5 Icons!! -->
<Icon data={faThumbsUp}></Icon>

<script>
  import { beer, refresh, comment, codeFork, camera, ban } from 'svelte-awesome/icons';
  import { faThumbsUp } from '@fortawesome/free-regular-svg-icons';
</script>

Changelog

v2.2.0 - 2019-08-22

Commits

• Add support for custom classes and styles 29e38b0
• Fix fontawesome v5 example 20e52ec
• Fix label example a649953