Font Awesome Shortcode

Font Awe­so­me Icons are incredi­b­ly awe­so­me. Ava­da has them built right into the the­me so you can use any of the 300+ icons. Each one comes in 3 sizes and can be used with or without a cir­cle and every one is 100% full vec­tor so they look incredi­b­ly sharp and are reti­na-rea­dy!

Size Con­trol

Dis­play the Font Awe­so­me icons in 3 sizes, Small, Medi­um, or Lar­ge.

Large Icons

Medium Icons

Small Icons

Dis­play In Cir­cles

Choo­se to show the icons insi­de a cir­cle, or just as is.

Color Con­trol

The Font Awe­so­me Short­code allows you to easi­ly con­trol the cir­cle color, icon color and bor­der color.

Full Icon List

Below is a com­ple­te list of all the Font Awe­so­me icons you can uti­li­ze as well as their names.

  • fa-glass
  • fa-music
  • fa-search
  • fa-enve­lo­pe‑o
  • fa-heart
  • fa-star
  • fa-star‑o
  • fa-user
  • fa-film
  • fa-th-lar­ge
  • fa-th
  • fa-th-list
  • fa-check
  • fa-times
  • fa-search-plus
  • fa-search-minus
  • fa-power-off
  • fa-signal
  • fa-cog
  • fa-tras­h‑o
  • fa-home
  • fa-file‑o
  • fa-clock‑o
  • fa-road
  • fa-down­load
  • fa-arrow-cir­cle-o-down
  • fa-arrow-cir­cle-o-up
  • fa-inbox
  • fa-play-cir­cle‑o
  • fa-repeat
  • fa-refresh
  • fa-list-alt
  • fa-lock
  • fa-flag
  • fa-head­pho­nes
  • fa-volu­me-off
  • fa-volu­me-down
  • fa-volu­me-up
  • fa-qrcode
  • fa-bar­code
  • fa-tag
  • fa-tags
  • fa-book
  • fa-book­mark
  • fa-print
  • fa-came­ra
  • fa-font
  • fa-bold
  • fa-ita­lic
  • fa-text-height
  • fa-tex­t_­width
  • fa-align-left
  • fa-align-cen­ter
  • fa-align-right
  • fa-align-jus­ti­fy
  • fa-list
  • fa-out­dent
  • fa-indent
  • fa-video-came­ra
  • fa-pic­tu­re‑o
  • fa-pen­cil
  • fa-map-mar­ker
  • fa-adjust
  • fa-tint
  • fa-pen­cil-squa­re‑o
  • fa-share-squa­re‑o
  • fa-check-squa­re‑o
  • fa-arrows
  • fa-step-back­ward
  • fa-fast-back­ward
  • fa-back­ward
  • fa-play
  • fa-pau­se
  • fa-stop
  • fa-for­ward
  • fa-fast-foward
  • fa-step-for­ward
  • fa-eject
  • fa-che­vron-left
  • fa-che­vron-right
  • fa-plus-cir­cle
  • fa-minus-cir­cle
  • fa-times-cir­cle
  • fa-check-cir­cle
  • fa-ques­ti­on-cir­cle
  • fa-info-cir­cle
  • fa-cross­hairs
  • fa-times-cir­cle‑o
  • fa-check-cir­cle‑o
  • fa-ban
  • fa-arrow-left
  • fa-arrow-right
  • fa-arrow-up
  • fa-arrow-down
  • fa-share
  • fa-expand
  • fa-com­press
  • fa-plus
  • fa-minus
  • fa-aste­risk
  • fa-excla­ma­ti­on-cir­cle
  • fa-gift
  • fa-leaf
  • fa-fire
  • fa-eye
  • fa-eye-slash
  • fa-excla­ma­ti­on-tri­ang­le
  • fa-pla­ne
  • fa-calen­dar
  • fa-ran­dom
  • fa-com­ment
  • fa-magnet
  • fa-che­vron-up
  • fa-che­vron-down
  • fa-ret­weet
  • fa-shop­ping-cart
  • fa-fol­der
  • fa-fol­der-open
  • fa-arrow­s‑v
  • fa-arrow­s‑h
  • fa-bar-chart
  • fa-twit­ter-squa­re
  • fa-face­book-squa­re
  • fa-came­ra-retro
  • fa-key
  • fa-cogs
  • fa-comments
  • fa-thumbs-o-up
  • fa-thumbs-o-down
  • fa-star-half
  • fa-hear­t‑o
  • fa-sign-out
  • fa-lin­kedin-squa­re
  • fa-thumb-tack
  • fa-exter­nal-link
  • fa-sign-in
  • fa-tro­phy
  • fa-git­hub-squa­re
  • fa-upload
  • fa-lemon‑o
  • fa-pho­ne
  • fa-squa­re‑o
  • fa-book­mar­k‑o
  • fa-pho­ne-squa­re
  • fa-twit­ter
  • fa-face­book
  • fa-git­hub
  • fa-unlock
  • fa-credit-card
  • fa-rss
  • fa-hdd‑o
  • fa-bull­horn
  • fa-bell
  • fa-cer­ti­fi­ca­te
  • fa-hand-o-right
  • fa-hand-o-left
  • fa-hand-o-up
  • fa-hand-o-down
  • fa-arrow-cir­cle-left
  • fa-arrow-cir­cle-right
  • fa-arrow-cir­cle-up
  • fa-arrow-cir­cle-down
  • fa-glo­be
  • fa-wrench
  • fa-tasks
  • fa-fil­ter
  • fa-brief­ca­se
  • fa-arrows-alt
  • fa-users
  • fa-link
  • fa-cloud
  • fa-flask
  • fa-scis­sors
  • fa-files‑o
  • fa-paper­clip
  • fa-flop­py­‑o
  • fa-squa­re
  • fa-bars
  • fa-list-ul
  • fa-list-ol
  • fa-strik­ethrough
  • fa-under­line
  • fa-table
  • fa-magic
  • fa-truck
  • fa-pin­te­rest
  • fa-pin­te­rest-squa­re
  • fa-goog­le-plus-squa­re
  • fa-goog­le-plus
  • fa-money
  • fa-caret-down
  • fa-caret-up
  • fa-caret-left
  • fa-caret-right
  • fa-colum­ns
  • fa-sort
  • fa-sort-desc
  • fa-sort-asc
  • fa-enve­lo­pe
  • fa-lin­kedin
  • fa-undo
  • fa-gavel
  • fa-tacho­me­ter
  • fa-com­men­t‑o
  • fa-comments‑o
  • fa-bolt
  • fa-sitemap
  • fa-umbrel­la
  • fa-clip­board
  • fa-light­bul­b‑o
  • fa-exchan­ge
  • fa-cloud-down­load
  • fa-cloud-upload
  • fa-user-md
  • fa-ste­tho­scope
  • fa-suit­ca­se
  • fa-bel­l‑o
  • fa-cof­fee
  • fa-cut­le­ry
  • fa-file-tex­t‑o
  • fa-buil­din­g‑o
  • fa-hos­pi­tal‑o
  • fa-ambu­lan­ce
  • fa-med­kit
  • fa-figh­ter-jet
  • fa-beer
  • fa-h-squa­re
  • fa-plus-squa­re
  • fa-ang­le-dou­ble-left
  • fa-ang­le-dou­ble-right
  • fa-ang­le-dou­ble-up
  • fa-ang­le-dou­ble-down
  • fa-ang­le-left
  • fa-ang­le-right
  • fa-ang­le-up
  • fa-ang­le-down
  • fa-desk­top
  • fa-lap­top
  • fa-tablet
  • fa-mobi­le
  • fa-cir­cle‑o
  • fa-quo­te-left
  • fa-quo­te-right
  • fa-spin­ner
  • fa-cir­cle
  • fa-reply
  • fa-git­hub-alt
  • fa-fol­der‑o
  • fa-fol­der-open‑o
  • fa-smi­le‑o
  • fa-frown‑o
  • fa-meh‑o
  • fa-game­pad
  • fa-key­boar­d‑o
  • fa-fla­g‑o
  • fa-flag-che­cke­red
  • fa-ter­mi­nal
  • fa-code
  • fa-reply-all
  • fa-star-hal­f‑o
  • fa-loca­ti­on-arrow
  • fa-crop
  • fa-code-fork
  • fa-chain-bro­ken
  • fa-ques­ti­on
  • fa-info
  • fa-excla­ma­ti­on
  • fa-super­script
  • fa-sub­script
  • fa-era­ser
  • fa-puz­zle-pie­ce
  • fa-micro­pho­ne
  • fa-micro­pho­ne-slash
  • fa-shield
  • fa-calen­dar‑o
  • fa-fire-extin­guis­her
  • fa-rocket
  • fa-maxcdn
  • fa-che­vron-cir­cle-left
  • fa-che­vron-cir­cle-right
  • fa-che­vron-cir­cle-up
  • fa-che­vron-cir­cle-down
  • fa-html5
  • fa-css3
  • fa-anchor
  • fa-unlock-alt
  • fa-bull­seye
  • fa-ellip­sis‑h
  • fa-ellip­sis‑v
  • fa-rss-squa­re
  • fa-play-cir­cle
  • fa-ticket
  • fa-minus-squa­re
  • fa-minus-squa­re‑o
  • fa-level-up
  • fa-level-down
  • fa-check-squa­re
  • fa-pen­cil-squa­re
  • fa-exter­nal-link-squa­re
  • fa-share-squa­re
  • fa-com­pass
  • fa-caret-squa­re-o-down
  • fa-caret-squa­re-o-up
  • fa-caret-squa­re-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-nume­ric-asc
  • fa-sort-nume­ric-desc
  • fa-thumbs-up
  • fa-thumbs-down
  • fa-you­tube-squa­re
  • fa-you­tube
  • fa-xing
  • fa-xing-squa­re
  • fa-you­tube-play
  • fa-drop­box
  • fa-stack-over­flow
  • fa-insta­gram
  • fa-flickr
  • fa-adn
  • fa-bit­bu­cket
  • fa-bit­bu­cket-squa­re
  • fa-tumb­lr
  • fa-tumb­lr-squa­re
  • fa-long-arrow-down
  • fa-long-arrow-up
  • fa-long-arrow-left
  • fa-long-arrow-right
  • fa-apple
  • fa-win­dows
  • fa-android
  • fa-linux
  • fa-dribb­b­le
  • fa-sky­pe
  • fa-fours­qua­re
  • fa-trel­lo
  • fa-fema­le
  • fa-male
  • fa-git­tip
  • fa-sun­‑o
  • fa-moon‑o
  • fa-archi­ve
  • fa-bug
  • fa-vk
  • fa-wei­bo
  • fa-ren­ren
  • fa-page­li­nes
  • fa-stack-exchan­ge
  • fa-arrow-cir­cle-o-right
  • fa-arrow-cir­cle-o-left
  • fa-caret-squa­re-o-left
  • fa-dot-cir­cle‑o
  • fa-wheel­chair
  • fa-vimeo-squa­re
  • fa-try
  • fa-plus-squa­re‑o
  • fa-space-shut­tle
  • fa-slack
  • fa-enve­lo­pe-squa­re
  • fa-wor­d­press
  • fa-ope­nid
  • fa-uni­ver­si­ty
  • fa-gra­dua­ti­on-cap
  • fa-yahoo
  • fa-goog­le
  • fa-red­dit
  • fa-red­dit-squa­re
  • fa-stumb­leu­pon-cir­cle
  • fa-stumb­leu­pon
  • fa-deli­cious
  • fa-digg
  • fa-pied-piper
  • fa-pied-piper-alt
  • fa-dru­pal
  • fa-joom­la
  • fa-lan­guage
  • fa-fax
  • fa-buil­ding
  • fa-child
  • fa-paw
  • fa-spoon
  • fa-cube
  • fa-cubes
  • fa-behan­ce
  • fa-behan­ce-squa­re
  • fa-steam
  • fa-steam-squa­re
  • fa-recy­cle
  • fa-car
  • fa-taxi
  • fa-tree
  • fa-spo­ti­fy
  • fa-devi­ant­art
  • fa-sound­cloud
  • fa-data­ba­se
  • fa-file-pdf‑o
  • fa-file-wor­d‑o
  • fa-file-excel‑o
  • fa-file-power­poin­t‑o
  • fa-file-image‑o
  • fa-file-archi­ve‑o
  • fa-file-audi­o­‑o
  • fa-file-video‑o
  • fa-file-code‑o
  • fa-vine
  • fa-code­pen
  • fa-jsfidd­le
  • fa-life-ring
  • fa-cir­cle-o-notch
  • fa-rebel
  • fa-empi­re
  • fa-git-squa­re
  • fa-git
  • fa-hacker-news
  • fa-ten­cent-wei­bo
  • fa-qq
  • fa-wei­xin
  • fa-paper-pla­ne
  • fa-paper-pla­ne‑o
  • fa-histo­ry
  • fa-cir­cle-thin
  • fa-hea­der
  • fa-para­graph
  • fa-sli­ders
  • fa-share-alt
  • fa-share-alt-squa­re
  • fa-bomb
  • fa-fut­fol‑o
  • fa-tty
  • fa-bino­cu­lars
  • fa-plug
  • fa-sli­desha­re
  • fa-twitch
  • fa-yelp
  • fa-news­pa­per‑o
  • fa-wifi
  • fa-cal­cu­la­tor
  • fa-paypal
  • fa-goog­le-wal­let
  • fa-cc-visa
  • fa-cc-mas­ter­card
  • fa-cc-dis­co­ver
  • fa-cc-amex
  • fa-cc-paypal
  • fa-cc-stri­pe
  • fa-bell-slash
  • fa-bell-slas­h‑o
  • fa-trash
  • fa-copy­right
  • fa-at
  • fa-eyedrop­per
  • fa-paint-brush
  • fa-bir­th­day-cake
  • fa-area-chart
  • fa-pie-chart
  • fa-line-chart
  • fa-lastfm
  • fa-lastfm-squa­re
  • fa-togg­le-off
  • fa-togg­le-on
  • fa-bicy­cle
  • fa-bus
  • fa-iox­host
  • fa-angel­list
  • fa-cc
  • fa-ils
  • fa-mean­path

Com­ple­te Set of Opti­ons

Every opti­on and descrip­ti­on inclu­ded with the alert short­code is lis­ted below.

  • icon — A font awe­so­me icon value. For examp­le, fa-glass.
  • cir­cle — Can be one of the­se values: yes, or no. Sets if the icon is cir­cu­lar or not.
  • size — Can be one of the­se values: lar­ge, medi­um, or small.
  • icon­co­lor — Accepts a hex­code ( #000000 ). Sets the icon’s color. Lea­ve blank for The­me Opti­on selec­tion.
  • cir­cle­co­lor — Accepts a hex­code ( #000000 ). Sets the icon’s back­ground color. Lea­ve blank for The­me Opti­on selec­tion.
  • cir­cle­bor­der­co­lor — Accepts a hex­code ( #000000 ). Sets the icon’s bor­der color. Lea­ve blank for The­me Opti­on selec­tion.
  • flip — Can be one of the­se values: none, hori­zon­tal, or ver­ti­cal. Sets the direc­tion whe­re the icon will flip.
  • rota­te — Can be one of the­se values: none, 90, 180, or 270. Sets the ang­le of the icon’s rota­ti­on.
  • spin — Can be one of the­se values: yes, or no. This will enab­le or dis­able the icon’s spin­ning fea­ture.
  • animation_type — Can be one of the­se values: none, boun­ce, fade, flash, shake, or sli­de. Sets the ani­ma­ti­on to use on the short­code.
  • animation_direction — Can be one of the­se values: down, right, left, or up. Sets the inco­m­ing direc­tion for the ani­ma­ti­on.
  • animation_speed — Accepts a nume­ri­cal value from .1, which is the slo­west, to 1, which is the fas­test.
  • align­ment — Can be one of the­se values: left, right, or cen­ter. Sets the icon’s align­ment.
  • class — Add a cus­tom class to the wrap­ping HTML ele­ment for fur­ther css cus­to­miz­a­ti­on.
  • id — Add a cus­tom id to the wrap­ping HTML ele­ment for fur­ther css cus­to­miz­a­ti­on.