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.