Font Awesome
Font Awesome provides scalable vector icons used to accent elements on webpages and web applications. See below for examples and the list of approved icons. For more information on the thought process behind the application of icons, please refer to the digital communication team's blog post.
Rules for Font Awesome
- Must only use the approved icons below.
- May use icons to accent existing elements.
- Basic page functionality may use standalone icons.
- Complex page interactions must use text.
- Complex page interactions may use icons to accompany text.
You may use any of the approved icons with <i class="fa fa-icon-name" title="icon title">. Change the icon title to match the functionality of the link. See the Font Awesome website for more ways to configure the icons.
Requesting more icons
If you would like to use an icon that is not on the approved list (below) please contact the digital communications team.
Options available
Sample usage
Here are some example icons.
Code
Example
Approved icons
To use as a class name, prefix the icon name with fa-, for example fa-address-book.
Example of address-book
Example of address-card
Example of adjust
Example of archive
Example of area-chart
Example of arrows
Example of arrows-h
Example of arrows-v
Example of assistive-listening-systems
Example of atom
Example of audio-description
Example of award
Example of balance-scale
Example of ban
Example of bar-chart
Example of bar-chart-o
Example of bars
Example of bell
Example of bell-slash
Example of bicycle
Example of book
Example of bookmark
Example of bookmark-o
Example of book-open
Example of braille
Example of building
Example of calendar-alt
Example of calendar-plus-o
Example of calendar-times-o
Example of car
Example of check
Example of check-circle
Example of check-circle-o
Example of check-square
Example of check-square-o
Example of chevron-down
Example of chevron-left
Example of chevron-right
Example of chevron-up
Example of circle
Example of circle-o
Example of clipboard-list
Example of clock
Example of clock-o
Example of clone
Example of close
Example of closed-captioning
Example of cloud
Example of cloud-download
Example of cloud-upload
Example of code
Example of coffee
Example of cog
Example of cogs
Example of comment
Example of comment-dots
Example of comments
Example of copy
Example of dashboard
Example of database
Example of deaf
Example of desktop
Example of dna
Example of dot-circle-o
Example of download
Example of edit
Example of ellipsis-h
Example of ellipsis-v
Example of envelope
Example of envelope-open
Example of envelope-square
Example of exchange
Example of exclamation-circle
Example of expand
Example of external-link-alt
Example of facebook-square
Example of feed
Example of file-archive-o
Example of file-audio-o
Example of file-code-o
Example of file-excel-o
Example of file-image-o
Example of file-movie-o
Example of file-pdf-o
Example of file-photo-o
Example of file-picture-o
Example of file-powerpoint-o
Example of file-sound-o
Example of file-video-o
Example of file-word-o
Example of file-zip-o
Example of film
Example of filter
Example of flag
Example of flag-checkered
Example of flask
Example of folder
Example of folder-open
Example of gear
Example of globe-africa
Example of globe-americas
Example of globe-asia
Example of globe-europe
Example of graduation-cap
Example of group
Example of hashtag
Example of hdd
Example of headphones
Example of heart
Example of heartbeat
Example of history
Example of home
Example of id-card
Example of image
Example of images
Example of inbox
Example of info
Example of info-circle
Example of instagram
Example of key
Example of keyboard
Example of language
Example of laptop
Example of laptop-code
Example of level-down
Example of level-up
Example of linkedin-square
Example of location-arrow
Example of lock
Example of low-vision
Example of mail-bulk
Example of mail-forward
Example of mail-reply
Example of mail-reply-all
Example of map
Example of map-marker
Example of map-pin
Example of microphone
Example of microphone-slash
Example of microscope
Example of minus
Example of mobile-alt
Example of music
Example of navicon
Example of parking
Example of pencil
Example of phone-square
Example of photo
Example of pie-chart
Example of plus
Example of podcast
Example of poll
Example of power-off
Example of print
Example of project-diagram
Example of qrcode
Example of question
Example of question-circle
Example of quote-left
Example of quote-right
Example of recycle
Example of refresh
Example of remove
Example of reorder
Example of reply
Example of reply-all
Example of retweet
Example of rss
Example of rss-square
Example of save
Example of school
Example of search
Example of search-minus
Example of search-plus
Example of send
Example of server
Example of share-alt
Example of sign-in-alt
Example of sign-language
Example of sign-out-alt
Example of sitemap
Example of sliders
Example of snapchat-square
Example of sort
Example of sort-alpha-asc
Example of sort-alpha-desc
Example of sort-amount-asc
Example of sort-amount-desc
Example of sort-asc
Example of sort-desc
Example of sort-down
Example of sort-numeric-asc
Example of sort-numeric-desc
Example of sort-up
Example of spinner
Example of square-full
Example of square-o
Example of stethoscope
Example of sticky-note
Example of street-view
Example of support
Example of sync-alt
Example of tag
Example of tags
Example of tasks
Example of thumbs-down
Example of thumbs-up
Example of ticket
Example of times
Example of toggle-down
Example of toggle-left
Example of toggle-off
Example of toggle-on
Example of toggle-right
Example of toggle-up
Example of trash
Example of trophy
Example of twitter-square
Example of universal-access
Example of university
Example of unlock
Example of upload
Example of user
Example of user-circle
Example of user-graduate
Example of user-plus
Example of user-times
Example of users
Example of video
Example of video-slash
Example of volume-down
Example of volume-off
Example of volume-up
Example of vote-yea
Example of warning
Example of whatsapp
Example of wheelchair
Example of wifi
Example of window-close
Example of window-maximize
Example of window-minimize
Example of window-restore
Example of wordpress
Example of youtube-square
Code
Example
Example of address-book
Example of address-card
Example of adjust
Example of archive
Example of area-chart
Example of arrows
Example of arrows-h
Example of arrows-v
Example of assistive-listening-systems
Example of atom
Example of audio-description
Example of award
Example of balance-scale
Example of ban
Example of bar-chart
Example of bar-chart-o
Example of bars
Example of bell
Example of bell-slash
Example of bicycle
Example of book
Example of bookmark
Example of bookmark-o
Example of book-open
Example of braille
Example of building
Example of calendar-alt
Example of calendar-plus-o
Example of calendar-times-o
Example of car
Example of check
Example of check-circle
Example of check-circle-o
Example of check-square
Example of check-square-o
Example of chevron-down
Example of chevron-left
Example of chevron-right
Example of chevron-up
Example of circle
Example of circle-o
Example of clipboard-list
Example of clock
Example of clock-o
Example of clone
Example of close
Example of closed-captioning
Example of cloud
Example of cloud-download
Example of cloud-upload
Example of code
Example of coffee
Example of cog
Example of cogs
Example of comment
Example of comment-dots
Example of comments
Example of copy
Example of dashboard
Example of database
Example of deaf
Example of desktop
Example of dna
Example of dot-circle-o
Example of download
Example of edit
Example of ellipsis-h
Example of ellipsis-v
Example of envelope
Example of envelope-open
Example of envelope-square
Example of exchange
Example of exclamation-circle
Example of expand
Example of external-link-alt
Example of facebook-square
Example of feed
Example of file-archive-o
Example of file-audio-o
Example of file-code-o
Example of file-excel-o
Example of file-image-o
Example of file-movie-o
Example of file-pdf-o
Example of file-photo-o
Example of file-picture-o
Example of file-powerpoint-o
Example of file-sound-o
Example of file-video-o
Example of file-word-o
Example of file-zip-o
Example of film
Example of filter
Example of flag
Example of flag-checkered
Example of flask
Example of folder
Example of folder-open
Example of gear
Example of globe-africa
Example of globe-americas
Example of globe-asia
Example of globe-europe
Example of graduation-cap
Example of group
Example of hashtag
Example of hdd
Example of headphones
Example of heart
Example of heartbeat
Example of history
Example of home
Example of id-card
Example of image
Example of images
Example of inbox
Example of info
Example of info-circle
Example of instagram
Example of key
Example of keyboard
Example of language
Example of laptop
Example of laptop-code
Example of level-down
Example of level-up
Example of linkedin-square
Example of location-arrow
Example of lock
Example of low-vision
Example of mail-bulk
Example of mail-forward
Example of mail-reply
Example of mail-reply-all
Example of map
Example of map-marker
Example of map-pin
Example of microphone
Example of microphone-slash
Example of microscope
Example of minus
Example of mobile-alt
Example of music
Example of navicon
Example of parking
Example of pencil
Example of phone-square
Example of photo
Example of pie-chart
Example of plus
Example of podcast
Example of poll
Example of power-off
Example of print
Example of project-diagram
Example of qrcode
Example of question
Example of question-circle
Example of quote-left
Example of quote-right
Example of recycle
Example of refresh
Example of remove
Example of reorder
Example of reply
Example of reply-all
Example of retweet
Example of rss
Example of rss-square
Example of save
Example of school
Example of search
Example of search-minus
Example of search-plus
Example of send
Example of server
Example of share-alt
Example of sign-in-alt
Example of sign-language
Example of sign-out-alt
Example of sitemap
Example of sliders
Example of snapchat-square
Example of sort
Example of sort-alpha-asc
Example of sort-alpha-desc
Example of sort-amount-asc
Example of sort-amount-desc
Example of sort-asc
Example of sort-desc
Example of sort-down
Example of sort-numeric-asc
Example of sort-numeric-desc
Example of sort-up
Example of spinner
Example of square-full
Example of square-o
Example of stethoscope
Example of sticky-note
Example of street-view
Example of support
Example of sync-alt
Example of tag
Example of tags
Example of tasks
Example of thumbs-down
Example of thumbs-up
Example of ticket
Example of times
Example of toggle-down
Example of toggle-left
Example of toggle-off
Example of toggle-on
Example of toggle-right
Example of toggle-up
Example of trash
Example of trophy
Example of twitter-square
Example of universal-access
Example of university
Example of unlock
Example of upload
Example of user
Example of user-circle
Example of user-graduate
Example of user-plus
Example of user-times
Example of users
Example of video
Example of video-slash
Example of volume-down
Example of volume-off
Example of volume-up
Example of vote-yea
Example of warning
Example of whatsapp
Example of wheelchair
Example of wifi
Example of window-close
Example of window-maximize
Example of window-minimize
Example of window-restore
Example of wordpress
Example of youtube-square
Approved icons for use with showcase banner pattern
These are the approved options that can be used within the showcase banner pattern.
To use as a class name, prefix the icon name with fa-, for example fa-address-book.
Example of atom
Example of award
Example of balance-scale
Example of bicycle
Example of dna
Example of flask
Example of globe
Example of graduation-cap
Example of pie-chart
Example of school
Example of trophy
Example of university
Example of universal-access
Example of user-graduate
Code
Example of atom
Example of award
Example of balance-scale
Example of bicycle
Example of dna
Example of flask
Example of globe
Example of graduation-cap
Example of pie-chart
Example of school
Example of trophy
Example of university
Example of universal-access
Example of user-graduate