Loading...
Font Awesome Icons2018-07-10T08:26:51+00:00

Font Awesome 5 Icons

Font Awesome Icons are incredibly awesome, and we’ve updated them to Version 5! Avada has them built right into the theme so you can use any of the 900+ icons. A full set of styling options allow you to choose any icon size, color, background, rotation, spinning and much more. And every one is 100% full vector so they look incredibly sharp and are retina-ready!

Full Color / Background / Border Control

Every icon has color settings for the icon itself, the icon background and the background border. This gives you control to choose the exact color you need for your site.

Size Control

Many themes only offer set sizes for icons, Avada allows you to choose any icon size via pixels. It can be 100px or 5px, any pixel value you choose.

Icon Flip / Rotate / Spin

Often times you may have the perfect icon, but it needs to be flipped or rotated to visually show what you intend. Avada allows you to do just that, along with options for a full icon spin.

Flip Icons

Rotate Icons

Spin Icons

Animation Settings

All icons can have several CSS3 animations along with settings to control which direction the animation starts and you can choose exactly when the animation starts by using our various animation viewport settings. Total creative control.

Bounce

Fade

Flash

Rubberband

Shake

Slide

Full Icon List With Names

Cras sit amet orci quis neque sagittis posuere. Nulla dapibus est non felis posuere, vel cursus elit rutrum. Ut vestibulum, odio et porttitor imperdiet.

  • 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

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Show on Desktop

Only Show on Tablet

Only Show on Mobile

Complete Set of Options

Every option and description included with the font awesome 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.

Join The 425,000+ Satisfied Avada Users!

BUY AVADA NOW!

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com