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.