menu
» Web style guide » Icons Icons
ANU has sets of standard icons for use in webpages and applications. If you require an icon that is not in this collection, please contact us to organise an icon suitable for your needs.
Social media icons & profile images
Social media share and follow icons, and profile images are available for all social media sites, from Twitter and Facebook to Flickr and Skype.
RSS feed icons
Refer to the rules around placement of icons for RSS feeds. A number of different size icons are available.
Crest icon (iPhones & other applications)
The ANU crest may only be used for iPhone applications and other similar application launch or shortcut icons. The crest is available in a number of sizes depending on how it will be used.
Please contact us to get the size most appropriate for your needs.
Mobile application stores
Rules for linking to the iTunes Store and the Google Play Store are subject to change, as is the icon used to represent these online repositories. To make it easier for you to keep up-to-date with the icon, we will provide correct examples below, using icons which are hosted on the central server, and classes which produce appropriate sizes.
A few points to note in the code snippets below:
- the large icon should never be used in a 'narrow' grid column as this will cause layout problems
- the URL should link to your specific mobile app
iTunes App Store
<img src="//style.anu.edu.au/_anu/images/icons/icon-app-store.png" class="icon-app-store" alt="Download on the App Store" />
</a>
<img src="//style.anu.edu.au/_anu/images/icons/icon-app-store-small.png" class="icon-app-store-small" alt="Download on the App Store" />
</a>
Google Play
<img src="//style.anu.edu.au/_anu/images/icons/icon-android-app.png" class="icon-android-app" alt="Android app on Google Play" />
</a>
<img src="//style.anu.edu.au/_anu/images/icons/icon-android-app-small.png" class="icon-android-app-small" class="" alt="Android app on Google Play" />
</a>
<img src="//style.anu.edu.au/_anu/images/icons/icon-google-play.png" class="icon-google-play" alt="Get it on Google Play" />
</a>
<img src="//style.anu.edu.au/_anu/images/icons/icon-google-play-small.png" class="icon-google-play-small" alt="Get it on Google Play" />
</a>
Graphic icons
Other icons are available in regular size (24x24px). The following show a small sample and their meaning within ANU.
As a general rule, the regular size icons are to be used on content pages. If smaller icons are required for use within applications or on dialog boxes and forms, please contact us.
Please contact us if you would like to use or develop an icon for a particular purpose. More icons will be added to this page as they're developed.
Lists of icons
course, award, certificate, curriculum
information
help
warning, alert, caution, note
first
previous
play
stop
pause
next
last
home
bus
transport, taxi
map
accommodation
person
people
Alliance
operator
profiles
HORUS/ISIS
Wattle
admin
mail
computer
tools, settings
gear
cycle
gateway
date, calendar
add to calendar
timetable
clock, time
thumb-up
thumb-down
talk, speech, comments
draw, write, pen, pencil
note
checklist
link
podcast
presentation
Programs and Courses
projects, planning
publications
special journal issues
paper, article
books
chapters
serials, volumes
audio
certificates
charts
documents
downloads
presentations
video
web
zip files
Linked icons
When linking icons they should turn bronze on hover. To do this include a onmouseover and onmouseout as per the example below, replacing 'calendar-add' with the appropriate file name and the alt attribute.
