Keith's Icon Archive


To encourage people to use icons in their pages I have collected together a selection of useful icons which should brighten up any page. If you have any problems using the icons below, or cannot find one you are looking for, please come and see me.

Entering Special Characters and Mathematical Symbols into HTML

To use Icons or not?

Using icons in your pages is largely a matter of taste. Careful use of icons can improve presentation and provide visual 'anchors' which can aid in navigation and comprehension of the content presented. The increase in download time is not really a facto r with the icons presented here, as the longest is 3.5k (most are about 1k), which on average adds about 2 seconds to the transfer time of the page (for each distinct icon). Although if everybody shares this pool of icons, over time there will be no addit ional cost, as the icons will have been cached from visits to other pages on the Maths site.

How to use

If you are in the School of Mathematics:
Instead of downloading the icons and duplicating them in your filespace, you can source them directly from here, i.e. if you want to put the cdrom.gif image in your page use <img src="http://www.mth.uea.ac.uk/archive/cdrom.gif" > .

Outside of the School:
To download an icon shown below, on Netscape put the mouse pointer over the icon you want and bring up the commands menu (often right mouse button) and use the 'Save Image as..' option. Note: Do not source images from this page in your own pages directly, always download, as we cannot afford the additional loading on the server.


4pshop1.gif cdrom.gif cdrom-icon.gif disk.gif new.rainbow.gif whatsnew.gif Smile.gif graduate.gif clipboard.gif email.gif mailbox.gif fax.gif old_phone.gif phone.gif graph.gif world.gif wrench.gif caution.gif constr11.gif faq.gif q_mark3.gif devil.gif star_small.gif
answer_good.gif answer_bad.gif answer_unknown.gif

refer.gif technic.gif toc.gif index.gif stats.gif stats_small.gif

mth2.gif school_mth.gif courses.gif research.gif ocean.gif

groove.gif blue_line.gif

l_arrow.gif r_arrow.gif u_arrow.gif
a_left.gif a_right.gif a_up.gif a_down.gif

orange.gif red.gif purple.gif cyan.gif green.gif


Style tips:
  1. Always provide an alternative text entry for each icon, using the alt="description" parameter. This gives people who browse without graphic display enabled an idea of what the graphic is. If having a text description provides no additional i nformation use alt="".

  2. To put some space between an icon and the text or other icons around it, use the parameter hspace=5 to put some white space to either side of the icon, and use the parameter vspace=5 to put white space above and below the icon. The value 5 is the distance in pixels. i.e. <img src="cdrom.gif" hspace=5 vspace=5> .

Back to my home page