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]

Icon Fonts

Menù

Sede

Privacy & Cookie Policy

Sitelock Secure

Cerca