sveltejs-fontawesome

• Sapper support
• Duotone support

Installation

For Svelte

npm i sveltejs-fontawesome

For Sapper

npm i -D sveltejs-fontawesome

Requirements

npm i @fortawesome/fontawesome-svg-core

Usage

Install the icons your want

Free icons

npm i @fortawesome/free-solid-svg-icons
npm i @fortawesome/free-brands-svg-icons
npm i @fortawesome/free-regular-svg-icons

Pro icons

More info here

npm i @fortawesome/pro-solid-svg-icons
npm i @fortawesome/pro-regular-svg-icons
npm i @fortawesome/pro-light-svg-icons
npm i @fortawesome/pro-duotone-svg-icons

Example

<script>
  import Fa from "sveltejs-fontawesome"
  import { faCircle } from '@fortawesome/free-solid-svg-icons'
</script>

<Fa
  icon={faCircle}
  size="sm"
  color="#000000">
</Fa>

Attributes

Attribute	Usage
icon required	The icon you imported from font awesome
color	Can be anything that the fill svg property supports
secondaryColor	If you are using Duotone it's the secondary color
secondaryOpacity	If you are using Duotone it's the opacity of the secondary color
size	Can be a string from this list (without the fa-) or a standard css size in any units.
flip	Can be "h" for horizontal flip, "v" for vertical flip, or "hv" for both.
rotate	In degrees
style	Custom css style on the <svg>