-
Web Application Icons
- icon-adjust
- icon-anchor
- icon-archive
- icon-area-chart
- icon-arrows
- icon-arrows-h
- icon-arrows-v
- icon-asterisk
- icon-at
- icon-automobile (alias)
- icon-ban
- icon-bank (alias)
- icon-bar-chart
- icon-bar-chart-o (alias)
- icon-barcode
- icon-bars
- icon-beer
- icon-bell
- icon-bell-o
- icon-bell-slash
- icon-bell-slash-o
- icon-bicycle
- icon-binoculars
- icon-birthday-cake
- 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-bus
- icon-cab (alias)
- icon-calculator
- 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-cc
- 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-close (alias)
- 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-copyright
- icon-credit-card
- icon-crop
- icon-crosshairs
- icon-cube
- icon-cubes
- icon-cutlery
- icon-dashboard (alias)
- icon-database
- icon-desktop
- icon-dot-circle-o
- icon-download
- icon-edit (alias)
- 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-eyedropper
- icon-fax
- icon-female
- icon-fighter-jet
- icon-file-archive-o
- icon-file-audio-o
- icon-file-code-o
- icon-file-excel-o
- icon-file-image-o
- icon-file-movie-o (alias)
- icon-file-pdf-o
- icon-file-photo-o (alias)
- icon-file-picture-o (alias)
- icon-file-powerpoint-o
- icon-file-sound-o (alias)
- icon-file-video-o
- icon-file-word-o
- icon-file-zip-o (alias)
- 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-futbol-o
- icon-gamepad
- icon-gavel
- icon-gear (alias)
- icon-gears (alias)
- icon-gift
- icon-glass
- icon-globe
- icon-graduation-cap
- icon-group (alias)
- icon-hdd-o
- icon-headphones
- icon-heart
- icon-heart-o
- icon-history
- icon-home
- icon-image (alias)
- icon-inbox
- icon-info
- icon-info-circle
- icon-institution (alias)
- icon-key
- icon-keyboard-o
- icon-language
- icon-laptop
- icon-leaf
- icon-legal (alias)
- icon-lemon-o
- icon-level-down
- icon-level-up
- icon-life-bouy (alias)
- icon-life-buoy (alias)
- icon-life-ring
- icon-life-saver (alias)
- icon-lightbulb-o
- icon-line-chart
- icon-location-arrow
- icon-lock
- icon-magic
- icon-magnet
- icon-mail-forward (alias)
- icon-mail-reply (alias)
- icon-mail-reply-all (alias)
- 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-mortar-board (alias)
- icon-music
- icon-navicon (alias)
- icon-newspaper-o
- icon-paint-brush
- 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 (alias)
- icon-picture-o
- icon-pie-chart
- icon-plane
- icon-plug
- 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-remove (alias)
- icon-reorder (alias)
- 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 (alias)
- icon-send-o (alias)
- 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-soccer-ball-o (alias)
- 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-space-shuttle
- icon-spinner
- icon-spoon
- 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-suitcase
- icon-sun-o
- icon-support (alias)
- 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 (alias)
- icon-toggle-left (alias)
- icon-toggle-off
- icon-toggle-on
- icon-toggle-right (alias)
- icon-toggle-up (alias)
- icon-trash
- icon-trash-o
- icon-tree
- icon-trophy
- icon-truck
- icon-tty
- icon-umbrella
- icon-university
- 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-wifi
- 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 (alias)
- icon-file-o
- icon-file-pdf-o
- icon-file-photo-o (alias)
- icon-file-picture-o (alias)
- icon-file-powerpoint-o
- icon-file-sound-o (alias)
- icon-file-text
- icon-file-text-o
- icon-file-video-o
- icon-file-word-o
- icon-file-zip-o (alias)
Spinner Icons
- icon-circle-o-notch
- icon-cog
- icon-gear (alias)
- icon-refresh
- icon-spinner
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
Payment Icons
- icon-cc-amex
- icon-cc-discover
- icon-cc-mastercard
- icon-cc-paypal
- icon-cc-stripe
- icon-cc-visa
- icon-credit-card
- icon-google-wallet
- icon-paypal
Chart Icons
- icon-area-chart
- icon-bar-chart
- icon-bar-chart-o (alias)
- icon-line-chart
- icon-pie-chart
Currency Icons
- icon-bitcoin (alias)
- icon-btc
- icon-cny (alias)
- icon-dollar (alias)
- icon-eur
- icon-euro (alias)
- icon-gbp
- icon-ils
- icon-inr
- icon-jpy
- icon-krw
- icon-money
- icon-rmb (alias)
- icon-rouble (alias)
- icon-rub
- icon-ruble (alias)
- icon-rupee (alias)
- icon-shekel (alias)
- icon-sheqel (alias)
- icon-try
- icon-turkish-lira (alias)
- icon-usd
- icon-won (alias)
- icon-yen (alias)
Text 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-header
- icon-indent
- icon-italic
- icon-link
- icon-list
- icon-list-alt
- icon-list-ol
- icon-list-ul
- icon-outdent
- icon-paperclip
- icon-paragraph
- icon-paste (alias)
- icon-repeat
- icon-rotate-left (alias)
- icon-rotate-right (alias)
- icon-save (alias)
- icon-scissors
- icon-strikethrough
- icon-subscript
- icon-superscript
- icon-table
- icon-text-height
- icon-text-width
- icon-th
- icon-th-large
- icon-th-list
- icon-underline
- icon-undo
- icon-unlink (alias)
Directional 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 Player 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-angellist
- icon-apple
- icon-behance
- icon-behance-square
- icon-bitbucket
- icon-bitbucket-square
- icon-bitcoin (alias)
- icon-btc
- icon-cc-amex
- icon-cc-discover
- icon-cc-mastercard
- icon-cc-paypal
- icon-cc-stripe
- icon-cc-visa
- 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 (alias)
- 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-google-wallet
- icon-hacker-news
- icon-html5
- icon-instagram
- icon-ioxhost
- icon-joomla
- icon-jsfiddle
- icon-lastfm
- icon-lastfm-square
- icon-linkedin
- icon-linkedin-square
- icon-linux
- icon-maxcdn
- icon-meanpath
- icon-openid
- icon-pagelines
- icon-paypal
- icon-pied-piper
- icon-pied-piper-alt
- icon-pinterest
- icon-pinterest-square
- icon-qq
- icon-ra (alias)
- icon-rebel
- icon-reddit
- icon-reddit-square
- icon-renren
- icon-share-alt
- icon-share-alt-square
- icon-skype
- icon-slack
- icon-slideshare
- icon-soundcloud
- icon-spotify
- icon-stack-exchange
- icon-stack-overflow
- icon-stea
- icon-steam-square
- icon-stumbleupon
- icon-stumbleupon-circle
- icon-tencent-weibo
- icon-trello
- icon-tumblr
- icon-tumblr-square
- icon-twitch
- icon-twitter
- icon-twitter-square
- icon-vimeo-square
- icon-vine
- icon-vk
- icon-wechat (alias)
- icon-weibo
- icon-weixin
- icon-windows
- icon-wordpress
- icon-xing
- icon-xing-square
- icon-yahoo
- icon-yelp
- 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
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
-
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 Pixeden. 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 menu item, 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 heremarkup[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
Icon Fonts
-
Web Application Icons
File Type Icons
Spinner Icons
Form Control Icons
Payment Icons
Chart Icons
Currency Icons
Text Editor Icons
Directional Icons
Video Player Icons
Brand Icons
Medical Icons
Stroke 7 Icons
-
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 Pixeden. 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 menu item, 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 heremarkup[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