Blog - Using Font Awesome 5 Pro
Log Out
FA5 Pro - SVG
FA5 Pro - CSS
FA 4
Using Font Awesome 5 Pro - Web Fonts with CSS
Breadcrumbs
Basic Usage
This is the traditional way of using Font Awesome icons. Icons are styled using CSS only.
Find an icon amongst the 2000+ here:
https://fontawesome.com/icons
Add the icon class to your APEX element (region, button, item)
fas fa-camera-retro
JavaScript Files to Include
#APP_IMAGES#js/apex-fontawesome5#MIN#.js
1 - 1
CSS Files to Include
#APP_IMAGES#css/apex-fontawesome5#MIN#.css
#APP_IMAGES#lib/fontawesome5/web-fonts-with-css/css/fontawesome-all#MIN#.css
1 - 2
Styles & Prefixes
Font Awesome 5 icons can be any of 4 different styles, each with its own prefix: Solid, Regular, Light and Brand.
fas fa-camera-retro
far fa-camera-retro
fal fa-camera-retro
fab fa-font-awesome
Icon Sizes
fa-xs
fa-sm
fa-lg
fa-2x
fa-3x
fa-5x
fa-7x
fa-10x
Animated
fas fa-spinner fa-spin
fas fa-circle-notch fa-spin
fas fa-sync fa-spin
fas fa-cog fa-spin
fas fa-spinner fa-pulse