ICONOGRAPHY
Icons provide visual context and enhance wayfinding.
Utility Icons
loop-angle-double-down
loop-angle-double-left
loop-angle-double-right
loop-angle-double-up
loop-angle-down
loop-angle-left
loop-angle-right
loop-angle-up
loop-bars
loop-calendar
loop-check
loop-chevron-down
loop-chevron-left
loop-chevron-right
loop-chevron-up
loop-circle-o
loop-circle
loop-close
loop-comment
loop-comments-o
loop-download
loop-Email
loop-forward
loop-print
loop-quote-left
loop-quote-right
loop-reply
loop-search
loop-search-plus
loop-search-minus
loop-share
Media Icons
loop-camera
loop-microphone
loop-play
loop-soundcloud
Social Icons
loop-apps
loop-blogs
loop-delicious
loop-digg
loop-newsletter
loop-facebook
loop-flickr
loop-g+
loop-loop-huffingtonpost
loop-instagram
loop-linkedin
loop-prezi
loop-qq
loop-renren
loop-rss
loop-scribd
loop-slideshare
loop-stumbleupon
loop-tumblr
loop-twitter
loop-vk
loop-weibo
loop-whatsapp
loop-youtube
Topics Icons
loop-agriculture-1
loop-agriculture-2
loop-aids
loop-air-pollution
loop-baby
loop-biodiversity
loop-clean-water-1
loop-clean-water-2
loop-clean-water-3
loop-climate
loop-disability
loop-disease
loop-education
loop-education-1
loop-electricity-1
loop-electricity-2
loop-energy
loop-energy-1
loop-environment
loop-extractive-industries
loop-financial-1
loop-financial-2
loop-financial-3
loop-financial-4
loop-financial-5
loop-fire
loop-flooding
loop-gender-to-equality
loop-gender
loop-government
loop-graduation-2
loop-graph
loop-graph-2
loop-green-infrastruture
loop-health
loop-health-2
loop-hydropower
loop-infrastructure
loop-irrigation
loop-hunger
loop-maternal-health
loop-micellaneous-1
loop-micellaneous-2
loop-micellaneous-3
loop-micellaneous-4
loop-micellaneous-5
loop-micellaneous-6
loop-micellaneous-7
loop-micellaneous-8
loop-micellaneous-9
loop-micellaneous-10
loop-micellaneous-11
loop-money
loop-mosquito
loop-nutrition
loop-pandemics
loop-partnership
loop-people
loop-phone
loop-plant
loop-post-conflict-1
loop-post-conflict-2
loop-protection
loop-recycle
loop-regional
loop-road
loop-rural
loop-sanitation
loop-temperature-high
loop-temperature-low
loop-tools-1
loop-tools-2
loop-trade
loop-transport
loop-women
loop-world
Doctype Icons
loop-files
loop-file-excel
loop-file-text
loop-file-word
loop-file-pdf
loop-file-powerpoint
loop-file-image (Photo)
loop-file-movie
loop-file-sound
loop-file-archive (Zip)
loop-file-code
Implementation
The examples demonstrate how to use Icon. To use a Icon style on an i itag, add the icon class to your a i tag.
To use a different style button add the special button class in addition to icon: