University of St Andrews

Glyphicons (deprecated)

Use glyphicon icons to accent elements on web pages and web applications. See below for examples and the list of approved icons.

Rules for glyphicons

• You must use only the approved icons, below.
• Icons are to be used to illustrate accompanying titles (eg. settings, logout).
• Icons must be not be used independently. They must also have accompanying text.

You may use any of the approved icons with <span class="glyphicon glyphicon-search" aria-hidden="true"></span>. See the Bootstrap glyphicon section for more ways to configure the icons.

Use of non-approved 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

• Examples
• Approved icons

Examples

Examples of how we are using some of these icons.

Approved icons

To use as a class name, prefix the icon name with glyphicon-, e.g. glyphicon-search.

    

        

            

                

                    
                    glyphicon-asterisk
                
                

                    
                    glyphicon-plus
                
                

                    
                    glyphicon-euro
                
                

                    
                    glyphicon-minus
                
                

                    
                    glyphicon-cloud
                
                

                    
                    glyphicon-envelope
                
                

                    
                    glyphicon-pencil
                
                

                    
                    glyphicon-music
                
                

                    
                    glyphicon-search
                
                

                    
                    glyphicon-heart
                
                

                    
                    glyphicon-star
                
                

                    
                    glyphicon-user
                
                

                    
                    glyphicon-film
                
                

                    
                    glyphicon-th-large
                
                

                    
                    glyphicon-th
                
                

                    
                    glyphicon-th-list
                
                

                    
                    glyphicon-ok
                
                

                    
                    glyphicon-remove
                
                

                    
                    glyphicon-zoom-in
                
                

                    
                    glyphicon-zoom-out
                
                

                    
                    glyphicon-off
                
                

                    
                    glyphicon-signal
                
                

                    
                    glyphicon-cog
                
                

                    
                    glyphicon-trash
                
                

                    
                    glyphicon-home
                
                

                    
                    glyphicon-file
                
                

                    
                    glyphicon-time
                
                

                    
                    glyphicon-download-alt
                
                

                    
                    glyphicon-download
                
                

                    
                    glyphicon-upload
                
                

                    
                    glyphicon-inbox
                
                

                    
                    glyphicon-play-circle
                
                

                    
                    glyphicon-repeat
                
                

                    
                    glyphicon-refresh
                
                

                    
                    glyphicon-list-alt
                
                

                    
                    glyphicon-lock
                
                

                    
                    glyphicon-flag
                
                

                    
                    glyphicon-headphones
                
                

                    
                    glyphicon-volume-off
                
                

                    
                    glyphicon-volume-down
                
                

                    
                    glyphicon-volume-up
                
                

                    
                    glyphicon-qrcode
                
                

                    
                    glyphicon-barcode
                
                

                    
                    glyphicon-tag
                
                

                    
                    glyphicon-tags
                
                

                    
                    glyphicon-book
                
                

                    
                    glyphicon-bookmark
                
                

                    
                    glyphicon-print
                
                

                    
                    glyphicon-camera
                
                

                    
                    glyphicon-font
                
                

                    
                    glyphicon-bold
                
                

                    
                    glyphicon-italic
                
                

                    
                    glyphicon-text-height
                
                

                    
                    glyphicon-text-width
                
                

                    
                    glyphicon-align-left
                
                

                    
                    glyphicon-align-center
                
                

                    
                    glyphicon-align-right
                
                

                    
                    glyphicon-align-justify
                
                

                    
                    glyphicon-list
                
                

                    
                    glyphicon-indent-left
                
                

                    
                    glyphicon-indent-right
                
                

                    
                    glyphicon-facetime-video
                
                

                    
                    glyphicon-picture
                
                

                    
                    glyphicon-map-marker
                
                

                    
                    glyphicon-edit
                
                

                    
                    glyphicon-share
                
                

                    
                    glyphicon-check
                
                

                    
                    glyphicon-move
                
                

                    
                    glyphicon-chevron-left
                
                

                    
                    glyphicon-chevron-right
                
                

                    
                    glyphicon-plus-sign
                
                

                    
                    glyphicon-minus-sign
                
                

                    
                    glyphicon-remove-sign
                
                

                    
                    glyphicon-ok-sign
                
                

                    
                    glyphicon-question-sign
                
                

                    
                    glyphicon-info-sign
                
                

                    
                    glyphicon-remove-circle
                
                

                    
                    glyphicon-ok-circle
                
                

                    
                    glyphicon-ban-circle
                
                

                    
                    glyphicon-arrow-left
                
                

                    
                    glyphicon-arrow-right
                
                

                    
                    glyphicon-arrow-up
                
                

                    
                    glyphicon-arrow-down
                
                

                    
                    glyphicon-share-alt
                
                

                    
                    glyphicon-resize-full
                
                

                    
                    glyphicon-resize-small
                
                

                    
                    glyphicon-exclamation-sign
                
                

                    
                    glyphicon-calendar
                
                

                    
                    glyphicon-random
                
                

                    
                    glyphicon-comment
                
                

                    
                    glyphicon-magnet
                
                

                    
                    glyphicon-chevron-up
                
                

                    
                    glyphicon-chevron-down
                
                

                    
                    glyphicon-retweet
                
                

                    
                    glyphicon-shopping-cart
                
                

                    
                    glyphicon-folder-open
                
                

                    
                    glyphicon-resize-vertical
                
                

                    
                    glyphicon-resize-horizontal
                
                

                    
                    glyphicon-bell
                
                

                    
                    glyphicon-tasks
                
                

                    
                    glyphicon-filter
                
                

                    
                    glyphicon-fullscreen
                
                

                    
                    glyphicon-dashboard
                
                

                    
                    glyphicon-paperclip
                
                

                    
                    glyphicon-heart-empty
                
                

                    
                    glyphicon-link
                
                

                    
                    glyphicon-phone
                
                

                    
                    glyphicon-pushpin
                
                

                    
                    glyphicon-usd
                
                

                    
                    glyphicon-gbp
                
                

                    
                    glyphicon-sort
                
                

                    
                    glyphicon-sort-by-alphabet
                
                

                    
                    glyphicon-sort-by-alphabet-alt
                
                

                    
                    glyphicon-sort-by-order
                
                

                    
                    glyphicon-sort-by-order-alt
                
                

                    
                    glyphicon-sort-by-attributes
                
                

                    
                    glyphicon-sort-by-attributes-alt
                
                

                    
                    glyphicon-log-in
                
                

                    
                    glyphicon-log-out
                
                

                    
                    glyphicon-new-window
                
                

                    
                    glyphicon-record
                
                

                    
                    glyphicon-send
                
                

                    
                    glyphicon-floppy-disk
                
                

                    
                    glyphicon-floppy-saved
                
                

                    
                    glyphicon-floppy-remove
                
                

                    
                    glyphicon-stats
                
                

                    
                    glyphicon-subtitles
                
                

                    
                    glyphicon-cloud-download
                
                

                    
                    glyphicon-cloud-upload