# Font Awesome

- Link: https://www.solmesz.com/font-awesome
- Published: 2013-05-24T20:57:15-03:00
- Author: Sol Mesz

# 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.