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> |
