Icon Fonts

Icon Fonts

[tab_content content_id="iconfonts"] [tab]

Web Application Icons

  • icon-adjust
  • icon-anchor
  • icon-archive
  • icon-arrows
  • icon-arrows-h
  • icon-arrows-v
  • icon-asterisk
  • icon-automobile
  • icon-ban
  • icon-bank
  • icon-bar-chart-o
  • icon-barcode
  • icon-bars
  • icon-beer
  • icon-bell
  • icon-bell-o
  • icon-bolt
  • icon-bomb
  • icon-book
  • icon-bookmark
  • icon-bookmark-o
  • icon-briefcase
  • icon-bug
  • icon-building
  • icon-building-o
  • icon-bullhorn
  • icon-bullseye
  • icon-cab
  • icon-calendar
  • icon-calendar-o
  • icon-camera
  • icon-camera-retro
  • icon-car
  • icon-caret-square-o-down
  • icon-caret-square-o-left
  • icon-caret-square-o-right
  • icon-caret-square-o-up
  • icon-certificate
  • icon-check
  • icon-check-circle
  • icon-check-circle-o
  • icon-check-square
  • icon-check-square-o
  • icon-child
  • icon-circle
  • icon-circle-o
  • icon-circle-o-notch
  • icon-circle-thin
  • icon-clock-o
  • icon-cloud
  • icon-cloud-download
  • icon-cloud-upload
  • icon-code
  • icon-code-fork
  • icon-coffee
  • icon-cog
  • icon-cogs
  • icon-comment
  • icon-comment-o
  • icon-comments
  • icon-comments-o
  • icon-compass
  • icon-credit-card
  • icon-crop
  • icon-crosshairs
  • icon-cube
  • icon-cubes
  • icon-cutlery
  • icon-dashboard
  • icon-database
  • icon-desktop
  • icon-dot-circle-o
  • icon-download
  • icon-edit
  • icon-ellipsis-h
  • icon-ellipsis-v
  • icon-envelope
  • icon-envelope-o
  • icon-envelope-square
  • icon-eraser
  • icon-exchange
  • icon-exclamation
  • icon-exclamation-circle
  • icon-exclamation-triangle
  • icon-external-link
  • icon-external-link-square
  • icon-eye
  • icon-eye-slash
  • icon-fax
  • icon-female
  • icon-fighter-jet
  • icon-film
  • icon-filter
  • icon-fire
  • icon-fire-extinguisher
  • icon-flag
  • icon-flag-checkered
  • icon-flag-o
  • icon-flash
  • icon-flask
  • icon-folder
  • icon-folder-o
  • icon-folder-open
  • icon-folder-open-o
  • icon-frown-o
  • icon-gamepad
  • icon-gavel
  • icon-gear
  • icon-gears
  • icon-gift
  • icon-glass
  • icon-globe
  • icon-graduation-cap
  • icon-group
  • icon-hdd-o
  • icon-headphones
  • icon-heart
  • icon-heart-o
  • icon-history
  • icon-home
  • icon-image
  • icon-inbox
  • icon-info
  • icon-info-circle
  • icon-institution
  • icon-key
  • icon-keyboard-o
  • icon-language
  • icon-laptop
  • icon-leaf
  • icon-legal
  • icon-lemon-o
  • icon-level-down
  • icon-level-up
  • icon-life-bouy
  • icon-life-ring
  • icon-life-saver
  • icon-lightbulb-o
  • icon-location-arrow
  • icon-lock
  • icon-magic
  • icon-magnet
  • icon-mail-forward
  • icon-mail-reply
  • icon-mail-reply-all
  • icon-male
  • icon-map-marker
  • icon-meh-o
  • icon-microphone
  • icon-microphone-slash
  • icon-minus
  • icon-minus-circle
  • icon-minus-square
  • icon-minus-square-o
  • icon-mobile
  • icon-mobile-phone
  • icon-money
  • icon-moon-o
  • icon-mortar-board
  • icon-music
  • icon-navicon
  • icon-paper-plane
  • icon-paper-plane-o
  • icon-paw
  • icon-pencil
  • icon-pencil-square
  • icon-pencil-square-o
  • icon-phone
  • icon-phone-square
  • icon-photo
  • icon-picture-o
  • icon-plane
  • icon-plus
  • icon-plus-circle
  • icon-plus-square
  • icon-plus-square-o
  • icon-power-off
  • icon-print
  • icon-puzzle-piece
  • icon-qrcode
  • icon-question
  • icon-question-circle
  • icon-quote-left
  • icon-quote-right
  • icon-random
  • icon-recycle
  • icon-refresh
  • icon-reorder
  • icon-reply
  • icon-reply-all
  • icon-retweet
  • icon-road
  • icon-rocket
  • icon-rss
  • icon-rss-square
  • icon-search
  • icon-search-minus
  • icon-search-plus
  • icon-send
  • icon-send-o
  • icon-share
  • icon-share-alt
  • icon-share-alt-square
  • icon-share-square
  • icon-share-square-o
  • icon-shield
  • icon-shopping-cart
  • icon-sign-in
  • icon-sign-out
  • icon-signal
  • icon-sitemap
  • icon-sliders
  • icon-smile-o
  • icon-sort
  • icon-sort-alpha-asc
  • icon-sort-alpha-desc
  • icon-sort-amount-asc
  • icon-sort-amount-desc
  • icon-sort-asc
  • icon-sort-desc
  • icon-sort-down
  • icon-sort-numeric-asc
  • icon-sort-numeric-desc
  • icon-sort-up
  • icon-space-shuttle
  • icon-spinner
  • icon-spoon
  • icon-square
  • icon-square-o
  • icon-star
  • icon-star-half
  • icon-star-half-empty
  • icon-star-half-full
  • icon-star-half-o
  • icon-star-o
  • icon-suitcase
  • icon-sun-o
  • icon-support
  • icon-tablet
  • icon-tachometer
  • icon-tag
  • icon-tags
  • icon-tasks
  • icon-taxi
  • icon-terminal
  • icon-thumb-tack
  • icon-thumbs-down
  • icon-thumbs-o-down
  • icon-thumbs-o-up
  • icon-thumbs-up
  • icon-ticket
  • icon-times
  • icon-times-circle
  • icon-times-circle-o
  • icon-tint
  • icon-toggle-down
  • icon-toggle-left
  • icon-toggle-right
  • icon-toggle-up
  • icon-trash-o
  • icon-tree
  • icon-trophy
  • icon-truck
  • icon-umbrella
  • icon-university
  • icon-unlock
  • icon-unlock-alt
  • icon-unsorted
  • icon-upload
  • icon-user
  • icon-users
  • icon-video-camera
  • icon-volume-down
  • icon-volume-off
  • icon-volume-up
  • icon-warning
  • icon-wheelchair
  • icon-wrench

File Type Icons

  • icon-file
  • icon-file-archive-o
  • icon-file-audio-o
  • icon-file-code-o
  • icon-file-excel-o
  • icon-file-image-o
  • icon-file-movie-o
  • icon-file-o
  • icon-file-pdf-o
  • icon-file-photo-o
  • icon-file-picture-o
  • icon-file-powerpoint-o
  • icon-file-sound-o
  • icon-file-text
  • icon-file-text-o
  • icon-file-video-o
  • icon-file-word-o
  • icon-file-zip-o

Form Control Icons

  • icon-check-square
  • icon-check-square-o
  • icon-circle
  • icon-circle-o
  • icon-dot-circle-o
  • icon-minus-square
  • icon-minus-square-o
  • icon-plus-square
  • icon-plus-square-o
  • icon-square
  • icon-square-o

Currency Icons

  • icon-bitcoin (alias)
  • icon-btc
  • icon-cny (alias)
  • icon-dollar (alias)
  • icon-eur
  • icon-euro (alias)
  • icon-gbp
  • icon-inr
  • icon-jpy
  • icon-krw
  • icon-money
  • icon-rmb (alias)
  • icon-rouble (alias)
  • icon-rub
  • icon-ruble (alias)
  • icon-rupee (alias)
  • icon-try
  • icon-turkish-lira (alias)
  • icon-usd
  • icon-won (alias)
  • icon-yen (alias)

Editor Icons

  • icon-align-center
  • icon-align-justify
  • icon-align-left
  • icon-align-right
  • icon-bold
  • icon-chain (alias)
  • icon-chain-broken
  • icon-clipboard
  • icon-columns
  • icon-copy (alias)
  • icon-cut (alias)
  • icon-dedent (alias)
  • icon-eraser
  • icon-file
  • icon-file-o
  • icon-file-text
  • icon-file-text-o
  • icon-files-o
  • icon-floppy-o
  • icon-font
  • icon-indent
  • icon-italic
  • icon-link
  • icon-list
  • icon-list-alt
  • icon-list-ol
  • icon-list-ul
  • icon-outdent
  • icon-paperclip
  • icon-paste (alias)
  • icon-repeat
  • icon-rotate-left (alias)
  • icon-rotate-right (alias)
  • icon-save (alias)
  • icon-scissors
  • icon-strikethrough
  • icon-table
  • icon-text-height
  • icon-text-width
  • icon-th
  • icon-th-large
  • icon-th-list
  • icon-underline
  • icon-undo
  • icon-unlink (alias)

Arrow Icons

  • icon-angle-double-down
  • icon-angle-double-left
  • icon-angle-double-right
  • icon-angle-double-up
  • icon-angle-down
  • icon-angle-left
  • icon-angle-right
  • icon-angle-up
  • icon-arrow-circle-down
  • icon-arrow-circle-left
  • icon-arrow-circle-o-down
  • icon-arrow-circle-o-left
  • icon-arrow-circle-o-right
  • icon-arrow-circle-o-up
  • icon-arrow-circle-right
  • icon-arrow-circle-up
  • icon-arrow-down
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-arrows
  • icon-arrows-alt
  • icon-arrows-h
  • icon-arrows-v
  • icon-caret-down
  • icon-caret-left
  • icon-caret-right
  • icon-caret-square-o-down
  • icon-caret-square-o-left
  • icon-caret-square-o-right
  • icon-caret-square-o-up
  • icon-caret-up
  • icon-chevron-circle-down
  • icon-chevron-circle-left
  • icon-chevron-circle-right
  • icon-chevron-circle-up
  • icon-chevron-down
  • icon-chevron-left
  • icon-chevron-right
  • icon-chevron-up
  • icon-hand-o-down
  • icon-hand-o-left
  • icon-hand-o-right
  • icon-hand-o-up
  • icon-long-arrow-down
  • icon-long-arrow-left
  • icon-long-arrow-right
  • icon-long-arrow-up
  • icon-toggle-down (alias)
  • icon-toggle-left (alias)
  • icon-toggle-right (alias)
  • icon-toggle-up (alias)

Video Icons

  • icon-arrows-alt
  • icon-backward
  • icon-compress
  • icon-eject
  • icon-expand
  • icon-fast-backward
  • icon-fast-forward
  • icon-forward
  • icon-pause
  • icon-play
  • icon-play-circle
  • icon-play-circle-o
  • icon-step-backward
  • icon-step-forward
  • icon-stop
  • icon-youtube-play

Brand Icons

  • icon-adn
  • icon-android
  • icon-apple
  • icon-behance
  • icon-behance-square
  • icon-bitbucket
  • icon-bitbucket-square
  • icon-bitcoin
  • icon-btc
  • icon-codepen
  • icon-css3
  • icon-delicious
  • icon-deviantart
  • icon-digg
  • icon-dribbble
  • icon-dropbox
  • icon-drupal
  • icon-empire
  • icon-facebook
  • icon-facebook-square
  • icon-flickr
  • icon-foursquare
  • icon-ge
  • icon-git
  • icon-git-square
  • icon-github
  • icon-github-alt
  • icon-github-square
  • icon-gittip
  • icon-google
  • icon-google-plus
  • icon-google-plus-square
  • icon-hacker-news
  • icon-html5
  • icon-instagram
  • icon-joomla
  • icon-jsfiddle
  • icon-linkedin
  • icon-linkedin-square
  • icon-linux
  • icon-maxcdn
  • icon-openid
  • icon-pagelines
  • icon-pied-piper
  • icon-pied-piper-alt
  • icon-pied-piper-square
  • icon-pinterest
  • icon-pinterest-square
  • icon-qq
  • icon-ra
  • icon-rebel
  • icon-reddit
  • icon-reddit-square
  • icon-renren
  • icon-share-alt
  • icon-share-alt-square
  • icon-skype
  • icon-slack
  • icon-soundcloud
  • icon-spotify
  • icon-stack-exchange
  • icon-stack-overflow
  • icon-steam
  • icon-steam-square
  • icon-stumbleupon
  • icon-stumbleupon-circle
  • icon-tencent-weibo
  • icon-trello
  • icon-tumblr
  • icon-tumblr-square
  • icon-twitter
  • icon-twitter-square
  • icon-vimeo-square
  • icon-vine
  • icon-vk
  • icon-wechat
  • icon-weibo
  • icon-weixin
  • icon-windows
  • icon-wordpress
  • icon-xing
  • icon-xing-square
  • icon-yahoo
  • icon-youtube

Medical Icons

  • icon-ambulance
  • icon-h-square
  • icon-hospital-o
  • icon-medkit
  • icon-plus-square
  • icon-stethoscope
  • icon-user-md
  • icon-wheelchair

Stroke 7 Icons

  • icon-7s-cloud-upload
  • icon-7s-close
  • icon-7s-cloud-download
  • icon-7s-close-circle
  • icon-7s-angle-up
  • icon-7s-angle-up-circle
  • icon-7s-angle-right
  • icon-7s-angle-right-circle
  • icon-7s-angle-left
  • icon-7s-angle-left-circle
  • icon-7s-angle-down
  • icon-7s-angle-down-circle
  • icon-7s-wallet
  • icon-7s-volume2
  • icon-7s-volume1
  • icon-7s-voicemail
  • icon-7s-video
  • icon-7s-user
  • icon-7s-upload
  • icon-7s-unlock
  • icon-7s-umbrella
  • icon-7s-trash
  • icon-7s-tools
  • icon-7s-timer
  • icon-7s-ticket
  • icon-7s-target
  • icon-7s-sun
  • icon-7s-study
  • icon-7s-stopwatch
  • icon-7s-star
  • icon-7s-speaker
  • icon-7s-signal
  • icon-7s-shuffle
  • icon-7s-shopbag
  • icon-7s-share
  • icon-7s-server
  • icon-7s-search
  • icon-7s-science
  • icon-7s-ribbon
  • icon-7s-repeat
  • icon-7s-refresh
  • icon-7s-refresh-cloud
  • icon-7s-radio
  • icon-7s-print
  • icon-7s-prev
  • icon-7s-power
  • icon-7s-portfolio
  • icon-7s-plus
  • icon-7s-play
  • icon-7s-plane
  • icon-7s-photo-gallery
  • icon-7s-phone
  • icon-7s-pen
  • icon-7s-paper-plane
  • icon-7s-paint
  • icon-7s-notebook
  • icon-7s-note
  • icon-7s-next
  • icon-7s-news-paper
  • icon-7s-musiclist
  • icon-7s-music
  • icon-7s-mouse
  • icon-7s-more
  • icon-7s-moon
  • icon-7s-monitor
  • icon-7s-micro
  • icon-7s-menu
  • icon-7s-map
  • icon-7s-map-marker
  • icon-7s-mail
  • icon-7s-mail-open
  • icon-7s-mail-open-file
  • icon-7s-magnet
  • icon-7s-loop
  • icon-7s-look
  • icon-7s-lock
  • icon-7s-lintern
  • icon-7s-link
  • icon-7s-like
  • icon-7s-light
  • icon-7s-less
  • icon-7s-keypad
  • icon-7s-junk
  • icon-7s-info
  • icon-7s-home
  • icon-7s-help2
  • icon-7s-help1
  • icon-7s-graph3
  • icon-7s-graph2
  • icon-7s-graph1
  • icon-7s-graph
  • icon-7s-global
  • icon-7s-gleam
  • icon-7s-glasses
  • icon-7s-gift
  • icon-7s-folder
  • icon-7s-flag
  • icon-7s-filter
  • icon-7s-file
  • icon-7s-expand1
  • icon-7s-expand2
  • icon-7s-edit
  • icon-7s-drop
  • icon-7s-drawer
  • icon-7s-download
  • icon-7s-display2
  • icon-7s-display1
  • icon-7s-diskette
  • icon-7s-date
  • icon-7s-cup
  • icon-7s-culture
  • icon-7s-crop
  • icon-7s-credit
  • icon-7s-copy-file
  • icon-7s-config
  • icon-7s-compass
  • icon-7s-comment
  • icon-7s-coffee
  • icon-7s-cloud
  • icon-7s-clock
  • icon-7s-check
  • icon-7s-chat
  • icon-7s-cart
  • icon-7s-camera
  • icon-7s-call
  • icon-7s-calculator
  • icon-7s-browser
  • icon-7s-box2
  • icon-7s-box1
  • icon-7s-bookmarks
  • icon-7s-bicycle
  • icon-7s-bell
  • icon-7s-battery
  • icon-7s-ball
  • icon-7s-back
  • icon-7s-attention
  • icon-7s-anchor
  • icon-7s-albums
  • icon-7s-alarm
  • icon-7s-airplay
  • icon-7s-cash
  • icon-7s-bluetooth
  • icon-7s-way
  • icon-7s-id
  • icon-7s-wristwatch
  • icon-7s-world
  • icon-7s-volume
  • icon-7s-users
  • icon-7s-user-female
  • icon-7s-up-arrow
  • icon-7s-switch
  • icon-7s-scissors
  • icon-7s-safe
  • icon-7s-right-arrow
  • icon-7s-plug
  • icon-7s-pin
  • icon-7s-paperclip
  • icon-7s-note2
  • icon-7s-network
  • icon-7s-mute
  • icon-7s-medal
  • icon-7s-like2
  • icon-7s-left-arrow
  • icon-7s-key
  • icon-7s-joy
  • icon-7s-film
  • icon-7s-disk
  • icon-7s-delete-user
  • icon-7s-bottom-arrow
  • icon-7s-add-user
[/tab] [tab]

Icon font classes

Icons can be added in menus, lists, buttons, modules, and basically, in any content. These icons are made available by Font Awesome. These icons use icon fonts which ensures they look sharp even on retina displays.

markup
[icon style="icon-gear"/]

Adding icons to Menu items

To add an icon to a menu item, create/edit a menu item > on the menu edit screen, click on 'Link type options' tab > on the 'link CSS style' option, add the icon name e.g icon-group

Adding icons to Modules

To add an icon to a module, create/edit a module > on the module edit screen, click on 'Advanced options' tab > on the 'Module Class Suffix' option, add the icon name e.g icon-comments

Adding icons to lists

To add an icon to a list, use the list shortcode and apply the 'list-icons' style > then specify the icon name in the list items. You can see more examples here

markup
[list style="list-icons"]
   [li icon="icon-asterisk"]List Item 1[/li]
   [li icon="icon-asterisk"]List Item 2[/li]
   [li icon="icon-asterisk"]List Item 3[/li]
[/list]

To add icons to buttons, see this page [/tab] [/tab_content]