Icon Fonts
Web Application Icons
- icon-adjust
- icon-anchor
- icon-archive
- icon-arrows
- icon-arrows-h
- icon-arrows-v
- icon-asterisk
- icon-ban
- icon-bar-chart-o
- icon-barcode
- icon-bars
- icon-beer
- icon-bell
- icon-bell-o
- icon-bolt
- icon-book
- icon-bookmark
- icon-bookmark-o
- icon-briefcase
- icon-bug
- icon-building-o
- icon-bullhorn
- icon-bullseye
- icon-calendar
- icon-calendar-o
- icon-camera
- icon-camera-retro
- 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-circle
- icon-circle-o
- 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-cutlery
- icon-dashboard (alias)
- icon-desktop
- icon-dot-circle-o
- icon-download
- icon-edit (alias)
- icon-ellipsis-h
- icon-ellipsis-v
- icon-envelope
- icon-envelope-o
- 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-female
- icon-fighter-jet
- icon-film
- icon-filter
- icon-fire
- icon-fire-extinguisher
- icon-flag
- icon-flag-checkered
- icon-flag-o
- icon-flash (alias)
- icon-flask
- icon-folder
- icon-folder-o
- icon-folder-open
- icon-folder-open-o
- icon-frown-o
- icon-gamepad
- icon-gavel
- icon-gear (alias)
- icon-gears (alias)
- icon-gift
- icon-glass
- icon-globe
- icon-group (alias)
- icon-hdd-o
- icon-headphones
- icon-heart
- icon-heart-o
- icon-home
- icon-inbox
- icon-info
- icon-info-circle
- icon-key
- icon-keyboard-o
- icon-laptop
- icon-leaf
- icon-legal (alias)
- icon-lemon-o
- icon-level-down
- icon-level-up
- icon-lightbulb-o
- icon-location-arrow
- icon-lock
- icon-magic
- icon-magnet
- icon-mail-forward (alias)
- icon-mail-reply (alias)
- 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 (alias)
- icon-money
- icon-moon-o
- icon-music
- icon-pencil
- icon-pencil-square
- icon-pencil-square-o
- icon-phone
- icon-phone-square
- 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-refresh
- 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-share
- icon-share-square
- icon-share-square-o
- icon-shield
- icon-shopping-cart
- icon-sign-in
- icon-sign-out
- icon-signal
- icon-sitemap
- 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 (alias)
- icon-sort-numeric-asc
- icon-sort-numeric-desc
- icon-sort-up (alias)
- icon-spinner
- icon-square
- icon-square-o
- icon-star
- icon-star-half
- icon-star-half-empty (alias)
- icon-star-half-full (alias)
- icon-star-half-o
- icon-star-o
- icon-subscript
- icon-suitcase
- icon-sun-o
- icon-superscript
- icon-tablet
- icon-tachometer
- icon-tag
- icon-tags
- icon-tasks
- 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 (alias)
- icon-toggle-left (alias)
- icon-toggle-right (alias)
- icon-toggle-up (alias)
- icon-trash-o
- icon-trophy
- icon-truck
- icon-umbrella
- icon-unlock
- icon-unlock-alt
- icon-unsorted (alias)
- icon-upload
- icon-user
- icon-users
- icon-video-camera
- icon-volume-down
- icon-volume-off
- icon-volume-up
- icon-warning (alias)
- icon-wheelchair
- icon-wrench
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
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)
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)
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-bitbucket
- icon-bitbucket-square
- icon-bitcoin (alias)
- icon-btc
- icon-css3
- icon-dribbble
- icon-dropbox
- icon-facebook
- icon-facebook-square
- icon-flickr
- icon-foursquare
- icon-github
- icon-github-alt
- icon-github-square
- icon-gittip
- icon-google-plus
- icon-google-plus-square
- icon-html5
- icon-instagram
- icon-linkedin
- icon-linkedin-square
- icon-linux
- icon-maxcdn
- icon-pagelines
- icon-pinterest
- icon-pinterest-square
- icon-renren
- icon-skype
- icon-stack-exchange
- icon-stack-overflow
- icon-trello
- icon-tumblr
- icon-tumblr-square
- icon-twitter
- icon-twitter-square
- icon-vimeo-square
- icon-vk
- icon-weibo
- icon-windows
- icon-xing
- icon-xing-square
- icon-youtube
- icon-youtube-play
- icon-youtube-square
Medical Icons
- icon-ambulance
- icon-h-square
- icon-hospital-o
- icon-medkit
- icon-plus-square
- icon-stethoscope
- icon-user-md
- icon-wheelchair
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]
