Icon Fonts

[heading size=”h3″ style=”dotted”]Web Application Icons[/heading]

  • 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-bed
  • 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-cart-arrow-down
  • icon-cart-plus
  • 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-diamond
  • 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-genderless (alias)
  • icon-gift
  • icon-glass
  • icon-globe
  • icon-graduation-cap
  • icon-group (alias)
  • icon-hdd-o
  • icon-headphones
  • icon-heart
  • icon-heart-o
  • icon-heartbeat
  • icon-history
  • icon-home
  • icon-hotel (alias)
  • 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-motorcycle
  • 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-server
  • icon-share
  • icon-share-alt
  • icon-share-alt-square
  • icon-share-square
  • icon-share-square-o
  • icon-shield
  • icon-ship
  • 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-street-view
  • 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-user-plus
  • icon-user-secret
  • icon-user-times
  • icon-users
  • icon-video-camera
  • icon-volume-down
  • icon-volume-off
  • icon-volume-up
  • icon-warning (alias)
  • icon-wheelchair
  • icon-wifi
  • icon-wrench

[heading size=”h3″ style=”dotted uk-margin-large-top”]Transportation Icons[/heading]

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

[heading size=”h3″ style=”dotted uk-margin-large-top”]Gender Icons[/heading]

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

[heading size=”h3″ style=”dotted uk-margin-large-top”]File Type Icons[/heading]

  • 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)

[heading size=”h3″ style=”dotted uk-margin-large-top”]Spinner Icons[/heading]

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

[heading size=”h3″ style=”dotted uk-margin-large-top”]Form Control Icons[/heading]

  • 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

[heading size=”h3″ style=”dotted uk-margin-large-top”]Payment Icons[/heading]

  • 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

[heading size=”h3″ style=”dotted uk-margin-large-top”]Currency Icons[/heading]

  • 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)

[heading size=”h3″ style=”dotted uk-margin-large-top”]Text Editor Icons[/heading]

  • 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)

[heading size=”h3″ style=”dotted uk-margin-large-top”]Directional Icons[/heading]

  • 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)

[heading size=”h3″ style=”dotted uk-margin-large-top”]Video Player Icons[/heading]

  • 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

[heading size=”h3″ style=”dotted uk-margin-large-top”]Brand Icons[/heading]

  • icon-adn
  • icon-android
  • icon-angellist
  • icon-apple
  • icon-behance
  • icon-behance-square
  • icon-bitbucket
  • icon-bitbucket-square
  • icon-bitcoin (alias)
  • icon-btc
  • icon-buysellads
  • icon-cc-amex
  • icon-cc-discover
  • icon-cc-mastercard
  • icon-cc-paypal
  • icon-cc-stripe
  • icon-cc-visa
  • icon-codepen
  • icon-connectdevelop
  • icon-css3
  • icon-dashcube
  • icon-delicious
  • icon-deviantart
  • icon-digg
  • icon-dribbble
  • icon-dropbox
  • icon-drupal
  • icon-empire
  • icon-facebook
  • icon-facebook-f (alias)
  • icon-facebook-official
  • icon-facebook-square
  • icon-flickr
  • icon-forumbee
  • icon-foursquare
  • icon-ge (alias)
  • icon-git
  • icon-git-square
  • icon-github
  • icon-github-alt
  • icon-github-square
  • icon-gittip (alias)
  • icon-google
  • icon-google-plus
  • icon-google-plus-square
  • icon-google-wallet
  • icon-gratipay
  • icon-hacker-news
  • icon-html5
  • icon-instagram
  • icon-ioxhost
  • icon-joomla
  • icon-jsfiddle
  • icon-lastfm
  • icon-lastfm-square
  • icon-leanpub
  • icon-linkedin
  • icon-linkedin-square
  • icon-linux
  • icon-maxcdn
  • icon-meanpath
  • icon-medium
  • icon-openid
  • icon-pagelines
  • icon-paypal
  • icon-pied-piper
  • icon-pied-piper-alt
  • icon-pinterest
  • icon-pinterest-p
  • icon-pinterest-square
  • icon-qq
  • icon-ra (alias)
  • icon-rebel
  • icon-reddit
  • icon-reddit-square
  • icon-renren
  • icon-sellsy
  • icon-share-alt
  • icon-share-alt-square
  • icon-shirtsinbulk
  • icon-simplybuilt
  • icon-skyatlas
  • icon-skype
  • icon-slack
  • icon-slideshare
  • 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-twitch
  • icon-twitter
  • icon-twitter-square
  • icon-viacoin
  • icon-vimeo-square
  • icon-vine
  • icon-vk
  • icon-wechat (alias)
  • icon-weibo
  • icon-weixin
  • icon-whatsapp
  • icon-windows
  • icon-wordpress
  • icon-xing
  • icon-xing-square
  • icon-yahoo
  • icon-yelp
  • icon-youtube
  • icon-youtube-play
  • icon-youtube-square

[heading size=”h3″ style=”dotted uk-margin-large-top”]Icon font classes[/heading]

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.

[badge style=”note uk-margin-top”]markup[/badge]

[icon style="icon-gear"/]

[heading size=”h3″ style=”dotted uk-margin-large-top”]Adding icons to Menu items[/heading]

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

[heading size=”h3″ style=”dotted uk-margin-large-top”]Adding icons to Modules[/heading]

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

[heading size=”h3″ style=”dotted uk-margin-large-top”]Adding icons to lists[/heading]

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

[badge style=”note uk-margin-large”]markup[/badge]

[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]
error: Attenzione: Il contenuto è protetto !!