Feature | Example | Code |
---|---|---|
Normal Icon |
|
<fa name='flag'></fa>
|
Flip Horizontal |
|
<fa name="flag" flip="horizontal"></fa>
|
Flip Vertical |
|
<fa name="flag" flip="vertical"></fa>
|
Fixed Width |
|
<fa name="flag" [fw]="true"></fa>Flag<br>
<fa name="bath" [fw]="true"></fa>Bath<br>
<fa name="id-card" [fw]="true"></fa>ID Card
|
Inverse |
|
<span style='background-color:black;'>
<fa name="flag" [inverse]="true"></fa>
</span>
|
Border |
|
<fa name="flag" [border]="true"></fa>
|
Pull Left |
|
<fa name="flag" pull="left"></fa>
|
Pull Right |
|
<fa name="flag" pull="right"></fa>
|
Pulse |
|
<fa name="spinner" [pulse]="true"></fa>
|
Spin |
|
<fa name="spinner" [spin]="true"></fa>
|
Rotate 90° |
|
<fa name="flag" [rotate]="90"></fa>
|
Rotate 180° |
|
<fa name="flag" [rotate]="180"></fa>
|
Rotate 270° |
|
<fa name="flag" [rotate]="270"></fa>
|
Rotate 270° |
|
<fa name="flag" [rotate]="270"></fa>
|
Size lg |
|
<fa name='flag' size='lg'></fa>
|
Size 2x |
|
<fa name='flag' size='2x'></fa>
|
Size 3x |
|
<fa name='flag' size='3x'></fa>
|
Size 4x |
|
<fa name='flag' size='4x'></fa>
|
Size 5x |
|
<fa name='flag' size='5x'></fa>
|
Unordered List (Different Bullets) |
|
<fa-ul>
<fa-li bullet='flag'>Item one</fa-li>
<fa-li bullet='spinner'>Item two</fa-li>
<fa-li bullet='check-square'>Item three</fa-li>
</fa-ul>
|
Unordered List (Same Bullets) |
|
<fa-ul bullet='check-square'>
<fa-li>Item one</fa-li>
<fa-li>Item two</fa-li>
<fa-li>Item three</fa-li>
</fa-ul>
|
Icon Stack |
|
<fa-stack>
<fa name='circle' stack='2x'></fa>
<fa name='flag' stack='1x' [inverse]='true'></fa>
</fa-stack>
|