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.

117 comments

  1. You really make it seem so easy together with your presentation however I find this topic to be really one thing which I believe I
    might by no means understand. It seems too complicated and very broad for me.
    I’m having a look forward on your next publish, I will try to get the cling
    of it! asmr 0mniartist

  2. Cost depends on a lot of variables – both in the
    establishment process and later in the ongoing management of the business as a marketing budget, so it is very difficult to estimate.
    The level of competition is very high in this field so the cost can easily reach tens of thousands of euros

  3. Howdy! I’m at work surfing around your blog
    from my new iphone 3gs! Just wanted to say
    I love reading through your blog and look forward
    to all your posts! Carry on the excellent work!
    0mniartist asmr

  4. Simply desire to say your article is as surprising. The
    clarity in your post is simply spectacular and i could assume
    you’re an expert on this subject. Well with your
    permission allow me to grab your feed to keep up to date
    with forthcoming post. Thanks a million and please carry on the rewarding work.

  5. Paragraph writing is also a excitement, if you
    be acquainted with afterward you can write or else it is difficult to write.
    asmr 0mniartist

  6. GO!!!
    This phrase was said by the first cosmonaut on Earth – Yuri Gagarin. (Yuri Gagarin)
    He was the first astronaut on Earth. He was Russian! …
    Now Russia is becoming a strong country, gas pipelines, a vaccine against COVID-19, an army.
    Is this very reminiscent of the communist Soviet Union?
    How do you think?
    Now we have total control in our country. I am interested in the opinion of foreigners.

    Албонумисматико

    ПОЕХАЛИ!!

  7. GO!!!
    This phrase was said by the first cosmonaut on Earth – Yuri Gagarin. (Yuri Gagarin)
    He was the first astronaut on Earth. He was Russian! …
    Now Russia is becoming a strong country, gas pipelines, a vaccine against COVID-19, an army.
    Is this very reminiscent of the communist Soviet Union?
    How do you think?
    Now we have total control in our country. I am interested in the opinion of foreigners.

    Албонумисматико

    ПОЕХАЛИ!!

  8. [url=http://sildenafilmedicine.com/]sildenafil in mexico[/url] [url=http://cialisdpill.com/]5mg cialis[/url] [url=http://wbapharmacy.com/]rate online pharmacies[/url] [url=http://sildenafilvtab.com/]cost for generic viagra[/url] [url=http://viagrabuycheap.com/]can i buy viagra over the counter australia[/url]

  9. Hello There. I found your blog using msn. This is a really well written article.
    I’ll bbe sure to bookmark iit and come back to read more of your useful information. Thanks for the post.
    I will certainly comeback.
    website

  10. [url=https://incrhealth.com/]disulfiram 500 mg tablet[/url] [url=https://wbapharmacy.com/]all med pharmacy[/url] [url=https://ordertadalafilpills.com/]cialis for sale uk[/url] [url=https://cialisextr.com/]buy cialis online mexico[/url] [url=https://cialisstep.com/]order generic cialis online[/url]

Leave a comment

Your email address will not be published. Required fields are marked *

*

code