Font Awesome

Font Awesome Shortcode

Font Awesome Icons are incredibly awesome. Avada has them built right into the theme so you can use any of the 300+ icons. Each one comes in 3 sizes and can be used with or without a circle and every one is 100% full vector so they look incredibly sharp and are retina-ready!

Size Control

Display the Font Awesome icons in 3 sizes, Small, Medium, or Large.

Large Icons Medium Icons Small Icons

Display In Circles

Choose to show the icons inside a circle, or just as is.

Color Control

The Font Awesome Shortcode allows you to easily control the circle color, icon color and border color.

Full Icon List

Below is a complete list of all the Font Awesome icons you can utilize as well as their names.

fa-glass fa-music fa-search fa-envelope-o fa-heart fa-star fa-star-o fa-user fa-film fa-th-large fa-th fa-th-list fa-check fa-times fa-search-plus fa-search-minus fa-power-off fa-signal fa-cog fa-trash-o fa-home fa-file-o fa-clock-o fa-road fa-download fa-arrow-circle-o-down fa-arrow-circle-o-up fa-inbox fa-play-circle-o fa-repeat fa-refresh fa-list-alt fa-lock fa-flag fa-headphones fa-volume-off fa-volume-down fa-volume-up fa-qrcode fa-barcode fa-tag fa-tags fa-book fa-bookmark fa-print fa-camera fa-font fa-bold fa-italic fa-text-height fa-text_width fa-align-left fa-align-center fa-align-right fa-align-justify fa-list fa-outdent fa-indent fa-video-camera fa-picture-o fa-pencil fa-map-marker fa-adjust fa-tint fa-pencil-square-o fa-share-square-o fa-check-square-o fa-arrows fa-step-backward fa-fast-backward fa-backward fa-play fa-pause fa-stop fa-forward fa-fast-foward fa-step-forward fa-eject fa-chevron-left fa-chevron-right fa-plus-circle fa-minus-circle fa-times-circle fa-check-circle fa-question-circle fa-info-circle fa-crosshairs fa-times-circle-o fa-check-circle-o fa-ban fa-arrow-left fa-arrow-right fa-arrow-up fa-arrow-down fa-share fa-expand fa-compress fa-plus fa-minus fa-asterisk fa-exclamation-circle fa-gift fa-leaf fa-fire fa-eye fa-eye-slash fa-exclamation-triangle fa-plane fa-calendar fa-random fa-comment fa-magnet fa-chevron-up fa-chevron-down fa-retweet fa-shopping-cart fa-folder fa-folder-open fa-arrows-v fa-arrows-h fa-bar-chart fa-twitter-square fa-facebook-square fa-camera-retro fa-key fa-cogs fa-comments fa-thumbs-o-up fa-thumbs-o-down fa-star-half fa-heart-o fa-sign-out fa-linkedin-square fa-thumb-tack fa-external-link fa-sign-in fa-trophy fa-github-square fa-upload fa-lemon-o fa-phone fa-square-o fa-bookmark-o fa-phone-square fa-twitter fa-facebook fa-github fa-unlock fa-credit-card fa-rss fa-hdd-o fa-bullhorn fa-bell fa-certificate fa-hand-o-right fa-hand-o-left fa-hand-o-up fa-hand-o-down fa-arrow-circle-left fa-arrow-circle-right fa-arrow-circle-up fa-arrow-circle-down fa-globe fa-wrench fa-tasks fa-filter fa-briefcase fa-arrows-alt fa-users fa-link fa-cloud fa-flask fa-scissors fa-files-o fa-paperclip fa-floppy-o fa-square fa-bars fa-list-ul fa-list-ol fa-strikethrough fa-underline fa-table fa-magic fa-truck fa-pinterest fa-pinterest-square fa-google-plus-square fa-google-plus fa-money fa-caret-down fa-caret-up fa-caret-left fa-caret-right fa-columns fa-sort fa-sort-desc fa-sort-asc fa-envelope fa-linkedin fa-undo fa-gavel fa-tachometer fa-comment-o fa-comments-o fa-bolt fa-sitemap fa-umbrella fa-clipboard fa-lightbulb-o fa-exchange fa-cloud-download fa-cloud-upload fa-user-md fa-stethoscope fa-suitcase fa-bell-o fa-coffee fa-cutlery fa-file-text-o fa-building-o fa-hospital-o fa-ambulance fa-medkit fa-fighter-jet fa-beer fa-h-square fa-plus-square fa-angle-double-left fa-angle-double-right fa-angle-double-up fa-angle-double-down fa-angle-left fa-angle-right fa-angle-up fa-angle-down fa-desktop fa-laptop fa-tablet fa-mobile fa-circle-o fa-quote-left fa-quote-right fa-spinner fa-circle fa-reply fa-github-alt fa-folder-o fa-folder-open-o fa-smile-o fa-frown-o fa-meh-o fa-gamepad fa-keyboard-o fa-flag-o fa-flag-checkered fa-terminal fa-code fa-reply-all fa-star-half-o fa-location-arrow fa-crop fa-code-fork fa-chain-broken fa-question fa-info fa-exclamation fa-superscript fa-subscript fa-eraser fa-puzzle-piece fa-microphone fa-microphone-slash fa-shield fa-calendar-o fa-fire-extinguisher fa-rocket fa-maxcdn fa-chevron-circle-left fa-chevron-circle-right fa-chevron-circle-up fa-chevron-circle-down fa-html5 fa-css3 fa-anchor fa-unlock-alt fa-bullseye fa-ellipsis-h fa-ellipsis-v fa-rss-square fa-play-circle fa-ticket fa-minus-square fa-minus-square-o fa-level-up fa-level-down fa-check-square fa-pencil-square fa-external-link-square fa-share-square fa-compass fa-caret-square-o-down fa-caret-square-o-up fa-caret-square-o-right fa-eur fa-gbp fa-usd fa-inr fa-jpy fa-rub fa-krw fa-btc fa-file fa-file-text fa-sort-alpha-asc fa-sort-alpha-desc fa-sort-amount-asc fa-sort-amount-desc fa-sort-numeric-asc fa-sort-numeric-desc fa-thumbs-up fa-thumbs-down fa-youtube-square fa-youtube fa-xing fa-xing-square fa-youtube-play fa-dropbox fa-stack-overflow fa-instagram fa-flickr fa-adn fa-bitbucket fa-bitbucket-square fa-tumblr fa-tumblr-square fa-long-arrow-down fa-long-arrow-up fa-long-arrow-left fa-long-arrow-right fa-apple fa-windows fa-android fa-linux fa-dribbble fa-skype fa-foursquare fa-trello fa-female fa-male fa-gittip fa-sun-o fa-moon-o fa-archive fa-bug fa-vk fa-weibo fa-renren fa-pagelines fa-stack-exchange fa-arrow-circle-o-right fa-arrow-circle-o-left fa-caret-square-o-left fa-dot-circle-o fa-wheelchair fa-vimeo-square fa-try fa-plus-square-o fa-space-shuttle fa-slack fa-envelope-square fa-wordpress fa-openid fa-university fa-graduation-cap fa-yahoo fa-google fa-reddit fa-reddit-square fa-stumbleupon-circle fa-stumbleupon fa-delicious fa-digg fa-pied-piper fa-pied-piper-alt fa-drupal fa-joomla fa-language fa-fax fa-building fa-child fa-paw fa-spoon fa-cube fa-cubes fa-behance fa-behance-square fa-steam fa-steam-square fa-recycle fa-car fa-taxi fa-tree fa-spotify fa-deviantart fa-soundcloud fa-database fa-file-pdf-o fa-file-word-o fa-file-excel-o fa-file-powerpoint-o fa-file-image-o fa-file-archive-o fa-file-audio-o fa-file-video-o fa-file-code-o fa-vine fa-codepen fa-jsfiddle fa-life-ring fa-circle-o-notch fa-rebel fa-empire fa-git-square fa-git fa-hacker-news fa-tencent-weibo fa-qq fa-weixin fa-paper-plane fa-paper-plane-o fa-history fa-circle-thin fa-header fa-paragraph fa-sliders fa-share-alt fa-share-alt-square fa-bomb fa-futfol-o fa-tty fa-binoculars fa-plug fa-slideshare fa-twitch fa-yelp fa-newspaper-o fa-wifi fa-calculator fa-paypal fa-google-wallet fa-cc-visa fa-cc-mastercard fa-cc-discover fa-cc-amex fa-cc-paypal fa-cc-stripe fa-bell-slash fa-bell-slash-o fa-trash fa-copyright fa-at fa-eyedropper fa-paint-brush fa-birthday-cake fa-area-chart fa-pie-chart fa-line-chart fa-lastfm fa-lastfm-square fa-toggle-off fa-toggle-on fa-bicycle fa-bus fa-ioxhost fa-angellist fa-cc fa-ils fa-meanpath

Complete Set of Options

Every option and description included with the alert shortcode is listed below.

icon - A font awesome icon value. For example, fa-glass. circle - Can be one of these values: yes, or no. Sets if the icon is circular or not. size - Can be one of these values: large, medium, or small. iconcolor - Accepts a hexcode ( #000000 ). Sets the icon's color. Leave blank for Theme Option selection. circlecolor - Accepts a hexcode ( #000000 ). Sets the icon's background color. Leave blank for Theme Option selection. circlebordercolor - Accepts a hexcode ( #000000 ). Sets the icon's border color. Leave blank for Theme Option selection. flip - Can be one of these values: none, horizontal, or vertical. Sets the direction where the icon will flip. rotate - Can be one of these values: none, 90, 180, or 270. Sets the angle of the icon's rotation. spin - Can be one of these values: yes, or no. This will enable or disable the icon's spinning feature. animation_type - Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode. animation_direction - Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation. animation_speed - Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest. alignment - Can be one of these values: left, right, or center. Sets the icon's alignment. class - Add a custom class to the wrapping HTML element for further css customization. id - Add a custom id to the wrapping HTML element for further css customization.