These are the icons included by default for use in the user interface. You can easily add any of the below icons with just the class name. The icons are vector based, so there is no pixelation or blurring on high-resolution screens as there would be if the graphic was raster and needed to scale up. They can be controlled with CSS, like the size, colour, shadow and so on.
Information and services icons
- .icon-family
- .icon-book
- .icon-road
- .icon-briefcase
- .icon-heart
- .icon-certificate
- .icon-housing
- .icon-leisure
- .icon-recycle
- .icon-medkit
- .icon-chart-bar
- .icon-info
User interface icons
- .icon-mail-alt
- .icon-user
- .icon-users
- .icon-videocam
- .icon-picture
- .icon-camera
- .icon-th
- .icon-ok
- .icon-cancel
- .icon-link-ext
- .icon-print
- .icon-location
- .icon-phone
- .icon-fax
- .icon-cog
- .icon-cog-alt
- .icon-calendar
- .icon-resize-full
- .angle-left
- .icon-angle-right
- .icon-angle-up
- .icon-angle-down
- .icon-globe
- .icon-check
- .icon-check-empty
- .icon-plus
- .icon-minus
- .icon-pinterest-circled
- .icon-twitter-circled
- .icon-facebook-circled
- .icon-gplus-circled
- .icon-download-alt
- .icon-accessibility
The icons were created using Fontello icon fonts generator. The original vector files are converted to SVG format then uploaded to Fontello where they are converted to a webfont. A suitable name is then assigned and the webfont files then downloaded.