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

Supported Node Versions

We have test it with node >= 10. We will support on even Nodejs versions that are current or in maintenance.

License

Unless otherwise noted, the fa-icon source files are distributed under the MIT license found in the LICENSE file.

Sponsorship

Development of the fa-icons is currently sponsored by ObsidianSoft and generously supported by contributions from individuals.

Translations

This readme is available in the following translations:

• Spanish 🇪🇸 (🙏 @obsidiansoft-io)

Preview element

To visualize the element demo, simply run:

$ polymer serve

And navigate to /demo/ in the URL that the Polymer CLI indicates. Usually, it is 127.0.0.1:8081.

E.g.: 127.0.0.1:8081/demo

Testing element

To correctly test the element individually, you require:

• Polymer-CLI
• Google Chrome

To test, simply run:

$ npm run test

Or:

$ polymer serve

And navigate to the /test/ URL path in your web browser.