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