Font Awesome Icons - Developer Finance Hub

[tblock title=”FONT AWESOME ICONS” tag=”h3″ family=”fontawe” position=”text-center” sectext=”Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.”/]

Check for Updates

[divider type=”blank-spacer” family=”fontawe” size=”space-medium” /]

[inner_row]

Larger Icons

[divider type=”blank-spacer” family=”fontawe” size=”space-xsmall” /]

[smicon family=”fontawe” icon=”fa-leaf” position=”iconleft” type=”nowrapper” color=”” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-lightbulb-o” position=”iconleft” type=”nowrapper” color=”” size=”fa-2x” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-plane” position=”iconleft” type=”nowrapper” color=”” size=”fa-3x” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-umbrella” position=”iconleft” type=”nowrapper” color=”” size=”fa-4x” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-cloud” position=”iconleft” type=”nowrapper” color=”” size=”fa-5x” bgcolor=”bg-color-none” /]

Custom Colors

[divider type=”blank-spacer” family=”fontawe” size=”space-xsmall” /]

[smicon family=”fontawe” icon=”fa-leaf” position=”iconleft” type=”nowrapper” color=”color-default” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-lightbulb-o” position=”iconleft” type=”nowrapper” color=”color-success” size=”fa-2x” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-plane” position=”iconleft” type=”nowrapper” color=”color-info” size=”fa-3x” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-umbrella” position=”iconleft” type=”nowrapper” color=”color-warning” size=”fa-4x” bgcolor=”bg-color-none” /][smicon family=”fontawe” icon=”fa-cloud” position=”iconleft” type=”nowrapper” color=”color-danger” size=”fa-5x” bgcolor=”bg-color-none” /]

[/inner_row]

[inner_row][divider type=”blank-spacer” family=”fontawe” size=”space-small” /]

Use Icons in Lists

Use Icons in Buttons

[/inner_row]

[inner_row][divider type=”blank-spacer” family=”fontawe” size=”space-medium” /][tblock title=”ICON WRAPPERS” tag=”h4″ family=”fontawe” position=”text-center”/]

[smicon class=”center-block” family=”fontawe” icon=”fa-android” type=”circle-border” color=”” size=”fa-3x” bgcolor=”bg-color-none” /]

Round border wrapper

[smicon class=”center-block” family=”fontawe” icon=”fa-apple” type=”circle” color=”color-white” size=”fa-3x” bgcolor=”bg-color-default” /]

Round full wrapper

[smicon class=”center-block” family=”fontawe” icon=”fa-bomb” type=”square-border” color=”” size=”fa-3x” bgcolor=”bg-color-none” /]

Square border wrapper

[smicon class=”center-block” family=”fontawe” icon=”fa-plane” type=”square” color=”color-white” size=”fa-3x” bgcolor=”bg-color-default” /]

Square full wrapper

[/inner_row]

[inner_row]

[one_whole]

[divider type=”blank-spacer” family=”fontawe” size=”space-medium” /][tblock title=”439 ICONS IN FONT AWESOME 4.1.0″ tag=”h4″ family=”fontawe” position=”text-center” sectext=”Bellow you can see a sample of the Font Awesome 4.1.0 Icon & CSS Class that you can use in your design.”/]

fa-automobile (alias)