You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A list of all available embedded icons is available here
Installation
NPM
npm install --save svelte-awesome
Usage
<!-- basic --><Icondata="{beer}" /><!-- codeFork is camelCase, unlike the js file, code-fork.js --><Icondata="{codeFork}" /><!-- with options --><Icondata="{refresh}" scale="2" /><Icondata="{comment}" flip="horizontal" /><Icondata="{codeFork}" label="Forked Repository" /><!-- stacked icons [WIP] --><Iconlabel="No Photos"><Icondata="{camera}" /><Iconname="{ban}" scale="2" class="alert" /></Icon><!-- FontAwesome v5 and v6 Icons supported --><Icondata="{faThumbsUp}" /><script>importIconfrom'svelte-awesome';/// *** Embedded Icons ***// Recommended - import just the icon you needimportbeerfrom'svelte-awesome/icons/beer';importrefreshfrom'svelte-awesome/icons/refresh';importcodeForkfrom'svelte-awesome/icons/codeFork';importcamerafrom'svelte-awesome/icons/camera';importbanfrom'svelte-awesome/icons/ban';// Not recommended as it will download all of the icons in dev modeimport{ban}from'svelte-awesome/icons';// EDGECASE ICONS - different names due to reserved names / starting with numbersimportfa500pxfrom'svelte-awesome/icons/fa500px';// '500px' iconimportfaTryfrom'svelte-awesome/icons/faTry';// 'try' icon/// *** @fortawesome/* Icons ***// Recommended - import the individual icon a little like with the recommended embedded icons approach aboveimport{faThumbsUp}from'@fortawesome/free-regular-svg-icons/faThumbsUp';// Not Recommended - import the individual icon from the main file - it will download all of the icons in dev modeimport{faThumbsUp}from'@fortawesome/free-regular-svg-icons';</script>
Sapper Usage
For Sapper, you may need to import the Icon component explicitly as below: