Fa-icons NPM | npm.io

fa-icons

An optimized FontAwesome 5 icons for the Polymer 3.

Installation

npm install fa-icons

Properties

Property	Type	Description
`color`	String	Icon color, must be an hex color
`src` (optional)	String	SVG Sprite of FontAwesome and other resources, must be a valid URL
`path-prefix` (optional)	String	Prefix of path for universal use (Default node_modules) refer
`style`	String	Styles, must follow the StylesInline standard
`size`	String	Size of icon, in CSS number notation
`class`	String	FontAwesome class, must follow HTMLClass standard

Example

<!--only class & style-->
<fa-icon class="fas fa-address-card" style="fill: #2980B9;height: 2em;width: 2em;"></fa-icon>

<!--only class, style, color & size-->
<fa-icon class="fas fa-address-card" color="#2980B9" size="2em"></fa-icon>

Usage with LitElement

🚨 We don't advise the use with Polymer Element because it's deprecated.

import { LitElement, html} from 'lit-element';
import 'fa-icons';

class SomeClass extends LitElement {
 render() {
    return html`
      <div>
         <fa-icon class="fas fa-address-card" color="#2980B9" size="2em"></fa-icon>
      </div>
    `;
  }
}

customElements.define('custom-component', SomeClass );