Icon Fonts

Simple Line Icons

• icon-sl-user-female
• icon-sl-user-follow
• icon-sl-user-following
• icon-sl-user-unfollow
• icon-sl-trophy
• icon-sl-screen-smartphone
• icon-sl-screen-desktop
• icon-sl-plane
• icon-sl-notebook
• icon-sl-moustache
• icon-sl-mouse
• icon-sl-magnet
• icon-sl-energy
• icon-sl-emoticon-smile
• icon-sl-disc
• icon-sl-cursor-move
• icon-sl-crop
• icon-sl-credit-card
• icon-sl-chemistry
• icon-sl-user
• icon-sl-speedometer
• icon-sl-social-youtube
• icon-sl-social-twitter
• icon-sl-social-tumblr
• icon-sl-social-facebook
• icon-sl-social-dropbox
• icon-sl-social-dribbble
• icon-sl-shield
• icon-sl-screen-tablet
• icon-sl-magic-wand
• icon-sl-hourglass
• icon-sl-graduation
• icon-sl-ghost
• icon-sl-game-controller
• icon-sl-fire
• icon-sl-eyeglasses
• icon-sl-envelope-open
• icon-sl-envelope-letter
• icon-sl-bell
• icon-sl-badge
• icon-sl-anchor
• icon-sl-wallet
• icon-sl-vector
• icon-sl-speech
• icon-sl-puzzle
• icon-sl-printer
• icon-sl-present
• icon-sl-playlist
• icon-sl-pin
• icon-sl-picture
• icon-sl-map
• icon-sl-layers
• icon-sl-handbag
• icon-sl-globe-alt
• icon-sl-globe
• icon-sl-frame
• icon-sl-folder-alt
• icon-sl-film
• icon-sl-feed
• icon-sl-earphones-alt
• icon-sl-earphones
• icon-sl-drop
• icon-sl-drawer
• icon-sl-docs
• icon-sl-directions
• icon-sl-direction
• icon-sl-diamond
• icon-sl-cup
• icon-sl-compass
• icon-sl-call-out
• icon-sl-call-in
• icon-sl-call-end
• icon-sl-calculator
• icon-sl-bubbles
• icon-sl-briefcase
• icon-sl-book-open
• icon-sl-basket-loaded
• icon-sl-basket
• icon-sl-bag
• icon-sl-action-undo
• icon-sl-action-redo
• icon-sl-wrench
• icon-sl-umbrella
• icon-sl-trash
• icon-sl-tag
• icon-sl-support
• icon-sl-size-fullscreen
• icon-sl-size-actual
• icon-sl-shuffle
• icon-sl-share-alt
• icon-sl-share
• icon-sl-rocket
• icon-sl-question
• icon-sl-pie-chart
• icon-sl-pencil
• icon-sl-note
• icon-sl-music-tone-alt
• icon-sl-music-tone
• icon-sl-microphone
• icon-sl-loop
• icon-sl-logout
• icon-sl-login
• icon-sl-list
• icon-sl-like
• icon-sl-home
• icon-sl-grid
• icon-sl-graph
• icon-sl-equalizer
• icon-sl-dislike
• icon-sl-cursor
• icon-sl-control-start
• icon-sl-control-rewind
• icon-sl-control-play
• icon-sl-control-pause
• icon-sl-control-forward
• icon-sl-control-end
• icon-sl-calendar
• icon-sl-bulb
• icon-sl-bar-chart
• icon-sl-arrow-up
• icon-sl-arrow-right
• icon-sl-arrow-left
• icon-sl-arrow-down
• icon-sl-ban
• icon-sl-bubble
• icon-sl-camcorder
• icon-sl-camera
• icon-sl-check
• icon-sl-clock
• icon-sl-close
• icon-sl-cloud-download
• icon-sl-cloud-upload
• icon-sl-doc
• icon-sl-envelope
• icon-sl-eye
• icon-sl-flag
• icon-sl-folder
• icon-sl-heart
• icon-sl-info
• icon-sl-key
• icon-sl-link
• icon-sl-lock
• icon-sl-lock-open
• icon-sl-magnifier
• icon-sl-magnifier-add
• icon-sl-magnifier-remove
• icon-sl-paper-clip
• icon-sl-paper-plane
• icon-sl-plus
• icon-sl-pointer
• icon-sl-power
• icon-sl-refresh
• icon-sl-reload
• icon-sl-settings
• icon-sl-star
• icon-sl-symbol-female
• icon-sl-symbol-male
• icon-sl-target
• icon-sl-volume-1
• icon-sl-volume-2
• icon-sl-volume-off
• icon-sl-users

Web Application Icons

• adjust
• anchor
• archive
• area-chart
• arrows
• arrows-h
• arrows-v
• asterisk
• at
• automobile (alias)
• balance-scale
• ban
• bank (alias)
• bar-chart
• bar-chart-o (alias)
• barcode
• bars
• battery-empty (alias)
• battery-0
• battery-quarter (alias)
• battery-1
• battery-half (alias)
• battery-2
• battery-three-quarters (alias)
• battery-3
• battery-full (alias)
• battery-4
• bed
• beer
• bell
• bell-o
• bell-slash
• bell-slash-o
• bicycle
• binoculars
• birthday-cake
• bluetooth
• bluetooth-b
• bolt
• bomb
• book
• bookmark
• bookmark-o
• briefcase
• bug
• building
• building-o
• bullhorn
• bullseye
• bus
• cab (alias)
• calculator
• calendar
• calendar-check-o
• calendar-minus-o
• calendar-o
• calendar-plus-o
• calendar-times-o
• camera
• camera-retro
• car
• caret-square-o-down
• caret-square-o-left
• caret-square-o-right
• caret-square-o-up
• cart-arrow-down
• cart-plus
• cc
• certificate
• check
• check-circle
• check-circle-o
• check-square
• check-square-o
• child
• circle
• circle-o
• circle-o-notch
• circle-thin
• clock-o
• clone
• close (alias)
• cloud
• cloud-download
• cloud-upload
• code
• code-fork
• coffee
• cog
• cogs
• comment
• comment-o
• commenting
• commenting-o
• comments
• comments-o
• compass
• copyright
• creative-commons
• credit-card
• credit-card-alt
• crop
• crosshairs
• cube
• cubes
• cutlery
• dashboard (alias)
• database
• desktop
• diamond
• dot-circle-o
• download
• edit (alias)
• ellipsis-h
• ellipsis-v
• envelope
• envelope-o
• envelope-square
• eraser
• exchange
• exclamation
• exclamation-circle
• exclamation-triangle
• external-link
• external-link-square
• eye
• eye-slash
• eyedropper
• fax
• female
• fighter-jet
• file-archive-o
• file-audio-o
• file-code-o
• file-excel-o
• file-image-o
• file-movie-o (alias)
• file-pdf-o
• file-photo-o (alias)
• file-picture-o (alias)
• file-powerpoint-o
• file-sound-o (alias)
• file-video-o
• file-word-o
• file-zip-o (alias)
• film
• filter
• fire
• fire-extinguisher
• flag
• flag-checkered
• flag-o
• flash (alias)
• flask
• folder
• folder-o
• folder-open
• folder-open-o
• frown-o
• futbol-o
• gamepad
• gavel
• gear (alias)
• gears (alias)
• genderless (alias)
• gift
• glass
• globe
• graduation-cap
• group (alias)
• hand-lizard-o
• hand-stop-o (alias)
• hand-paper-o
• hand-peace-o
• hand-pointer-o
• hand-grab-o (alias)
• hand-rock-o
• hand-scissors-o
• hand-spock-o
• hdd-o
• hashtag
• headphones
• heart
• heart-o
• heartbeat
• history
• home
• hotel (alias)
• hourglass
• hourglass-o
• hourglass-1 (alias)
• hourglass-start
• hourglass-2 (alias)
• hourglass-half
• hourglass-3 (alias)
• hourglass-end
• i-cursor
• image (alias)
• inbox
• industry
• info
• info-circle
• institution (alias)
• key
• keyboard-o
• language
• laptop
• leaf
• legal (alias)
• lemon-o
• level-down
• level-up
• life-bouy (alias)
• life-buoy (alias)
• life-ring
• life-saver (alias)
• lightbulb-o
• line-chart
• location-arrow
• lock
• magic
• magnet
• mail-forward (alias)
• mail-reply (alias)
• mail-reply-all (alias)
• male
• map
• map-marker
• map-o
• map-pin
• map-signs
• meh-o
• microphone
• microphone-slash
• minus
• minus-circle
• minus-square
• minus-square-o
• mobile
• mobile-phone (alias)
• money
• moon-o
• mortar-board (alias)
• motorcycle
• mouse-pointer
• music
• navicon (alias)
• newspaper-o
• object-group
• object-ungroup
• paint-brush
• paper-plane
• paper-plane-o
• paw
• pencil
• pencil-square
• pencil-square-o
• phone
• phone-square
• photo (alias)
• picture-o
• pie-chart
• plane
• plug
• plus
• plus-circle
• plus-square
• plus-square-o
• power-off
• print
• puzzle-piece
• qrcode
• question
• question-circle
• quote-left
• quote-right
• random
• recycle
• refresh
• registered
• remove (alias)
• reorder (alias)
• reply
• reply-all
• retweet
• road
• rocket
• rss
• rss-square
• search
• search-minus
• search-plus
• send (alias)
• send-o (alias)
• server
• share
• share-alt
• share-alt-square
• share-square
• share-square-o
• shield
• ship
• shopping-bag
• shopping-basket
• shopping-cart
• sign-in
• sign-out
• signal
• sitemap
• sliders
• smile-o
• soccer-ball-o (alias)
• sort
• sort-alpha-asc
• sort-alpha-desc
• sort-amount-asc
• sort-amount-desc
• sort-asc
• sort-desc
• sort-down (alias)
• sort-numeric-asc
• sort-numeric-desc
• sort-up (alias)
• space-shuttle
• spinner
• spoon
• square
• square-o
• star
• star-half
• star-half-empty (alias)
• star-half-full (alias)
• star-half-o
• star-o
• sticky-note
• sticky-note-o
• street-view
• suitcase
• sun-o
• support (alias)
• tablet
• tachometer
• tag
• tags
• tasks
• taxi
• television
• terminal
• thumb-tack
• thumbs-down
• thumbs-o-down
• thumbs-o-up
• thumbs-up
• ticket
• times
• times-circle
• times-circle-o
• tint
• toggle-down (alias)
• toggle-left (alias)
• toggle-off
• toggle-on
• toggle-right (alias)
• toggle-up (alias)
• trademark
• trash
• trash-o
• tree
• trophy
• truck
• tty
• tv (alias)
• umbrella
• university
• unlock
• unlock-alt
• unsorted (alias)
• upload
• usb
• user
• user-plus
• user-secret
• user-times
• users
• video-camera
• volume-down
• volume-off
• volume-up
• warning (alias)
• wheelchair
• wifi
• wrench

Transportation Icons

• ambulance
• automobile (alias)
• bicycle
• bus
• cab (alias)
• car
• fighter-jet
• motorcycle
• plane
• rocket
• ship
• space-shuttle
• subway
• taxi
• train
• truck
• wheelchair

Hand Icons

• hand-lizard-o
• hand-stop-o (alias)
• hand-paper-o
• hand-peace-o
• hand-pointer-o
• hand-grab-o (alias)
• hand-rock-o
• hand-scissors-o
• hand-spock-o
• thumb-tack
• thumbs-down
• thumbs-o-down
• thumbs-o-up
• thumbs-up

Gender Icons

• genderless (alias)
• mars
• mars-double
• mars-stroke
• mars-stroke-h
• mars-stroke-v
• mercury
• neuter
• transgender
• transgender-alt
• venus
• venus-double
• venus-mars

File Type Icons

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

Spinner Icons

• circle-o-notch
• cog
• gear (alias)
• refresh
• spinner

Form Control Icons

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

Payment Icons

• cc-amex
• cc-diners-club
• cc-discover
• cc-jcb
• cc-mastercard
• cc-paypal
• cc-stripe
• cc-visa
• credit-card
• google-wallet
• paypal

Currency Icons

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

Text Editor Icons

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

Directional Icons

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

Video Player Icons

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

Brand Icons

• 500px
• adn
• amazon
• android
• angellist
• apple
• behance
• behance-square
• bitbucket
• bitbucket-square
• bitcoin (alias)
• black-tie
• bluetooth
• bluetooth-b
• btc
• buysellads
• cc-amex
• cc-diners-club
• cc-discover
• cc-jcb
• cc-mastercard
• cc-paypal
• cc-stripe
• cc-visa
• chrome
• codepen
• codiepie
• connectdevelop
• contao
• css3
• dashcube
• delicious
• deviantart
• digg
• dribbble
• dropbox
• drupal
• edge
• empire
• expeditedssl
• facebook
• facebook-f (alias)
• facebook-official
• facebook-square
• firefox
• flickr
• fonticons
• fort-awesome
• forumbee
• foursquare
• ge (alias)
• get-pocket
• gg
• gg-circle
• git
• git-square
• github
• github-alt
• github-square
• gittip (alias)
• google
• google-plus
• google-plus-square
• google-wallet
• gratipay
• hacker-news
• houzz
• html5
• instagram
• internet-explorer
• ioxhost
• joomla
• jsfiddle
• lastfm
• lastfm-square
• leanpub
• linkedin
• linkedin-square
• linux
• maxcdn
• meanpath
• medium-logo
• mixcloud
• modx
• odnoklassniki
• odnoklassniki-square
• opencart
• openid
• opera
• optin-monster
• pagelines
• paypal
• pied-piper
• pied-piper-alt
• pinterest
• pinterest-p
• pinterest-square
• product-hunt
• qq
• ra (alias)
• rebel
• reddit
• reddit-alien
• reddit-square
• renren
• safari
• scribd
• sellsy
• share-alt
• share-alt-square
• shirtsinbulk
• simplybuilt
• skyatlas
• skype
• slack
• slideshare
• soundcloud
• spotify
• stack-exchange
• stack-overflow
• steam
• steam-square
• stumbleupon
• stumbleupon-circle
• tencent-weibo
• trello
• tripadvisor
• tumblr
• tumblr-square
• twitch
• twitter
• twitter-square
• usb
• viacoin
• vimeo
• vimeo-square
• vine
• vk
• wechat (alias)
• weibo
• weixin
• whatsapp
• wikipedia-w
• windows
• wordpress
• xing
• xing-square
• y-combinator
• y-combinator-square
• yahoo
• yc (alias)
• yc-square (alias)
• yelp
• youtube
• youtube-play
• youtube-square

Medical Icons

• ambulance
• h-square
• hospital-o
• medkit
• plus-square
• stethoscope
• user-md
• 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 and Graphic Burger. These icons use icon fonts which ensures they look sharp even on retina displays.

[icon style="icon-gear"/]

Adding icons to Menu items

To add an icon to a menu item, go to Extensions > Template Manager > click on the template to edit > on the second tab "Options", select 'Menus' > choose a menu from the dropdown > in the icon column, select the icon you'd want to add for the respective menu item

Adding icons to Modules

To add an icon to a module, go to Extensions > Template Manager > click on the template to edit > on the second tab "Options", select 'Modules' > search or filter for the modules on the top fields > in the icon column, select the icon you'd want to add for the respective module

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

[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