@rapitkan/app-icon v0.0.6

The component utilizes Font Awesome and Animate.css libraries.

API

• pref: String. Prefix of an icon class. Typically either fas or far. See Font Awesome for reference.
• icon: String. Font Awesome's class name.
• isAnimated: Boolean. If true the icon is infinitely animated.
• animation: String. One of the animation class names of Animate.css (e.g. bounce, fadeIn, ...)
• color: String. Color of the icon.
• size: String. List of accepted values is: xs, sm, md, lg, xl.

How to use

Add these style sheet links to your index.html:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css" />

OR add the styles above by some other way.

Examples

<app-icon pref="fas" icon="home" is-animated="true" animation="bounce" color="#ff6600" size="xl"></app-icon>