summaryrefslogtreecommitdiffstats
path: root/docs/icons/README.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/icons/README.html')
-rw-r--r--docs/icons/README.html815
1 files changed, 815 insertions, 0 deletions
diff --git a/docs/icons/README.html b/docs/icons/README.html
new file mode 100644
index 0000000..a8b82b9
--- /dev/null
+++ b/docs/icons/README.html
@@ -0,0 +1,815 @@
+<html>
+<head>
+<style>
+a { text-decoration: none; }
+img.whiteico { padding: 4px; background: white; vertical-align: middle; }
+img.blackico { padding: 4px; background: black; vertical-align: middle; }
+</style>
+</head>
+<body>
+<h1>Public Domain Icons</h1>
+
+<p>These icons were originally made for Mosaic for X and have been
+included in the NCSA httpd and Apache server distributions in the
+past. They are in the public domain and may be freely included in any
+application. The originals were done by Kevin Hughes (kevinh@kevcom.com).
+Andy Polyakov tuned the icon colors and added few new images.</p>
+
+<p>If you'd like to contribute additions to this set, contact the httpd
+documentation project <a href="http://httpd.apache.org/docs-project/"
+>http://httpd.apache.org/docs-project/</a>.</p>
+
+<p>Almost all of these icons are 20x22 pixels in size. There are
+alternative icons in the "small" directory that are 16x16 in size,
+provided by Mike Brown (mike@hyperreal.org).</p>
+
+<h2>Suggested Uses</h2>
+
+<p>The following are a few suggestions, to serve as a starting point for ideas.
+Please feel free to tweak and rename the icons as you like.</p>
+
+<table>
+<tr>
+<td width="25%">
+ <a href="a.gif"><img class="blackico" src="a.gif"
+ /><img class="whiteico" src="a.gif" /> a.gif</a>
+ <br /><a href="a.png"><img class="blackico" src="a.png"
+ /><img class="whiteico" src="a.png" /> a.png</a></td>
+</tr>
+<tr><td colspan="4">This might be used to represent PostScript or text layout
+languages.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="alert.black.gif"><img class="blackico" src="alert.black.gif"
+ /><img class="whiteico" src="alert.black.gif" /> alert.black.gif</a>
+ <br /><a href="alert.black.png"><img class="blackico" src="alert.black.png"
+ /><img class="whiteico" src="alert.black.png" /> alert.black.png</a></td>
+<td width="25%">
+ <a href="alert.red.gif"><img class="blackico" src="alert.red.gif"
+ /><img class="whiteico" src="alert.red.gif" /> alert.red.gif</a>
+ <br /><a href="alert.red.png"><img class="blackico" src="alert.red.png"
+ /><img class="whiteico" src="alert.red.png" /> alert.red.png</a></td>
+</tr>
+<tr><td colspan="4">These can be used to highlight any important items,
+such as a README file in a directory.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="back.gif"><img class="blackico" src="back.gif"
+ /><img class="whiteico" src="back.gif" /> back.gif</a>
+ <br /><a href="back.png"><img class="blackico" src="back.png"
+ /><img class="whiteico" src="back.png" /> back.png</a></td>
+<td width="25%">
+ <a href="forward.gif"><img class="blackico" src="forward.gif"
+ /><img class="whiteico" src="forward.gif" /> forward.gif</a>
+ <br /><a href="forward.png"><img class="blackico" src="forward.png"
+ /><img class="whiteico" src="forward.png" /> forward.png</a></td>
+<td width="25%">
+ <a href="small/back.gif"><img class="blackico" src="small/back.gif"
+ /><img class="whiteico" src="small/back.gif" /> small.gif</a>
+ <br /><a href="small/back.png"><img class="blackico" src="small/back.png"
+ /><img class="whiteico" src="small/back.png" /> small/back.png</a></td>
+<td width="25%">
+ <a href="small/forward.gif"><img class="blackico" src="small/forward.gif"
+ /><img class="whiteico" src="small/forward.gif" /> small/forward.gif</a>
+ <br /><a href="small/forward.png"><img class="blackico" src="small/forward.png"
+ /><img class="whiteico" src="small/forward.png" /> small/forward.png</a></td>
+</tr>
+<tr><td colspan="4">These can be used as links to go to previous and next
+areas.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="ball.gray.gif"><img class="blackico" src="ball.gray.gif"
+ /><img class="whiteico" src="ball.gray.gif" /> ball.gray.gif</a>
+ <br /><a href="ball.gray.png"><img class="blackico" src="ball.gray.png"
+ /><img class="whiteico" src="ball.gray.png" /> ball.gray.png</a></td>
+<td width="25%">
+ <a href="ball.red.gif"><img class="blackico" src="ball.red.gif"
+ /><img class="whiteico" src="ball.red.gif" /> ball.red.gif</a>
+ <br /><a href="ball.red.png"><img class="blackico" src="ball.red.png"
+ /><img class="whiteico" src="ball.red.png" /> ball.red.png</a></td>
+</tr>
+<tr><td colspan="4">These might be used as bullets.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="binary.gif"><img class="blackico" src="binary.gif"
+ /><img class="whiteico" src="binary.gif" /> binary.gif</a>
+ <br /><a href="binary.png"><img class="blackico" src="binary.png"
+ /><img class="whiteico" src="binary.png" /> binary.png</a></td>
+<td width="25%">
+ <a href="small/binary.gif"><img class="blackico" src="small/binary.gif"
+ /><img class="whiteico" src="small/binary.gif" /> small/binary.gif</a>
+ <br /><a href="small/binary.png"><img class="blackico" src="small/binary.png"
+ /><img class="whiteico" src="small/binary.png" /> small/binary.png</a></td>
+</tr>
+<tr><td colspan="4">This can be used to represent binary files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="binhex.gif"><img class="blackico" src="binhex.gif"
+ /><img class="whiteico" src="binhex.gif" /> binhex.gif</a>
+ <br /><a href="binhex.png"><img class="blackico" src="binhex.png"
+ /><img class="whiteico" src="binhex.png" /> binhex.png</a></td>
+<td width="25%">
+ <a href="small/binhex.gif"><img class="blackico" src="small/binhex.gif"
+ /><img class="whiteico" src="small/binhex.gif" /> small/binhex.gif</a>
+ <br /><a href="small/binhex.png"><img class="blackico" src="small/binhex.png"
+ /><img class="whiteico" src="small/binhex.png" /> small/binhex.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent BinHex-encoded data.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="blank.gif"><img class="blackico" src="blank.gif"
+ /><img class="whiteico" src="blank.gif" /> blank.gif</a>
+ <br /><a href="blank.png"><img class="blackico" src="blank.png"
+ /><img class="whiteico" src="blank.png" /> blank.png</a></td>
+<td width="25%">
+ <a href="small/blank.gif"><img class="blackico" src="small/blank.gif"
+ /><img class="whiteico" src="small/blank.gif" /> small/blank.gif</a>
+ <br /><a href="small/blank.png"><img class="blackico" src="small/blank.png"
+ /><img class="whiteico" src="small/blank.png" /> small/blank.png</a></td>
+</tr>
+<tr><td colspan="4">This can be used as a placeholder or a spacing
+element.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="bomb.gif"><img class="blackico" src="bomb.gif"
+ /><img class="whiteico" src="bomb.gif" /> bomb.gif</a>
+ <br /><a href="bomb.png"><img class="blackico" src="bomb.png"
+ /><img class="whiteico" src="bomb.png" /> bomb.png</a></td>
+</tr>
+<tr><td colspan="4">This can be used to represent core files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="box1.gif"><img class="blackico" src="box1.gif"
+ /><img class="whiteico" src="box1.gif" /> box1.gif</a>
+ <br /><a href="box1.png"><img class="blackico" src="box1.png"
+ /><img class="whiteico" src="box1.png" /> box1.png</a></td>
+<td width="25%">
+ <a href="box2.gif"><img class="blackico" src="box2.gif"
+ /><img class="whiteico" src="box2.gif" /> box2.gif</a>
+ <br /><a href="box2.png"><img class="blackico" src="box2.png"
+ /><img class="whiteico" src="box2.png" /> box2.png</a></td>
+</tr>
+<tr><td colspan="4">These icons can be used to represent generic 3D
+applications and related files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="broken.gif"><img class="blackico" src="broken.gif"
+ /><img class="whiteico" src="broken.gif" /> broken.gif</a>
+ <br /><a href="broken.png"><img class="blackico" src="broken.png"
+ /><img class="whiteico" src="broken.png" /> broken.png</a></td>
+<td width="25%">
+ <a href="small/broken.gif"><img class="blackico" src="small/broken.gif"
+ /><img class="whiteico" src="small/broken.gif" /> small/broken.gif</a>
+ <br /><a href="small/broken.png"><img class="blackico" src="small/broken.png"
+ /><img class="whiteico" src="small/broken.png" /> small/broken.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent corrupted data.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="burst.gif"><img class="blackico" src="burst.gif"
+ /><img class="whiteico" src="burst.gif" /> burst.gif</a>
+ <br /><a href="burst.png"><img class="blackico" src="burst.png"
+ /><img class="whiteico" src="burst.png" /> burst.png</a></td>
+<td width="25%">
+ <a href="small/burst.gif"><img class="blackico" src="small/burst.gif"
+ /><img class="whiteico" src="small/burst.gif" /> small/burst.gif</a>
+ <br /><a href="small/burst.png"><img class="blackico" src="small/burst.png"
+ /><img class="whiteico" src="small/burst.png" /> small/burst.png</a></td>
+</tr>
+<tr><td colspan="4">This can call attention to new and important items.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="c.gif"><img class="blackico" src="c.gif"
+ /><img class="whiteico" src="c.gif" /> c.gif</a>
+ <br /><a href="c.png"><img class="blackico" src="c.png"
+ /><img class="whiteico" src="c.png" /> c.png</a></td>
+</tr>
+<tr><td colspan="4">This might represent C source code.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="comp.blue.gif"><img class="blackico" src="comp.blue.gif"
+ /><img class="whiteico" src="comp.blue.gif" /> comp.blue.gif</a>
+ <br /><a href="comp.blue.png"><img class="blackico" src="comp.blue.png"
+ /><img class="whiteico" src="comp.blue.png" /> comp.blue.png</a></td>
+<td width="25%">
+ <a href="comp.gray.gif"><img class="blackico" src="comp.gray.gif"
+ /><img class="whiteico" src="comp.gray.gif" /> comp.gray.gif</a>
+ <br /><a href="comp.gray.png"><img class="blackico" src="comp.gray.png"
+ /><img class="whiteico" src="comp.gray.png" /> comp.gray.png</a></td>
+<td width="25%">
+ <a href="small/comp1.gif"><img class="blackico" src="small/comp1.gif"
+ /><img class="whiteico" src="small/comp1.gif" /> small/comp1.gif</a>
+ <br /><a href="small/comp1.png"><img class="blackico" src="small/comp1.png"
+ /><img class="whiteico" src="small/comp1.png" /> small/comp1.png</a></td>
+<td width="25%">
+ <a href="small/comp2.gif"><img class="blackico" src="small/comp2.gif"
+ /><img class="whiteico" src="small/comp2.gif" /> small/comp2.gif</a>
+ <br /><a href="small/comp2.png"><img class="blackico" src="small/comp2.png"
+ /><img class="whiteico" src="small/comp2.png" /> small/comp2.png</a></td>
+</tr>
+<tr><td colspan="4">These little computer icons can stand for telnet or FTP
+sessions.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="compressed.gif"><img class="blackico" src="compressed.gif"
+ /><img class="whiteico" src="compressed.gif" /> compressed.gif</a>
+ <br /><a href="compressed.png"><img class="blackico" src="compressed.png"
+ /><img class="whiteico" src="compressed.png" /> compressed.png</a></td>
+<td width="25%">
+ <a href="small/compressed.gif"><img class="blackico" src="small/compressed.gif"
+ /><img class="whiteico" src="small/compressed.gif" /> small/compressed.gif</a>
+ <br /><a href="small/compressed.png"><img class="blackico" src="small/compressed.png"
+ /><img class="whiteico" src="small/compressed.png" /> small/compressed.png</a></td>
+</tr>
+<tr><td colspan="4">This may represent compressed data.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="continued.gif"><img class="blackico" src="continued.gif"
+ /><img class="whiteico" src="continued.gif" /> continued.gif</a>
+ <br /><a href="continued.png"><img class="blackico" src="continued.png"
+ /><img class="whiteico" src="continued.png" /> continued.png</a></td>
+<td width="25%">
+ <a href="small/continued.gif"><img class="blackico" src="small/continued.gif"
+ /><img class="whiteico" src="small/continued.gif" /> small/continued.gif</a>
+ <br /><a href="small/continued.png"><img class="blackico" src="small/continued.png"
+ /><img class="whiteico" src="small/continued.png" /> small/continued.png</a></td>
+</tr>
+<tr><td colspan="4">This can be a link to a continued listing of a
+directory.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="down.gif"><img class="blackico" src="down.gif"
+ /><img class="whiteico" src="down.gif" /> down.gif</a>
+ <br /><a href="down.png"><img class="blackico" src="down.png"
+ /><img class="whiteico" src="down.png" /> down.png</a></td>
+<td width="25%">
+ <a href="up.gif"><img class="blackico" src="up.gif"
+ /><img class="whiteico" src="up.gif" /> up.gif</a>
+ <br /><a href="up.png"><img class="blackico" src="up.png"
+ /><img class="whiteico" src="up.png" /> up.png</a></td>
+<td width="25%">
+ <a href="left.gif"><img class="blackico" src="left.gif"
+ /><img class="whiteico" src="left.gif" /> left.gif</a>
+ <br /><a href="left.png"><img class="blackico" src="left.png"
+ /><img class="whiteico" src="left.png" /> left.png</a></td>
+<td width="25%">
+ <a href="right.gif"><img class="blackico" src="right.gif"
+ /><img class="whiteico" src="right.gif" /> right.gif</a>
+ <br /><a href="right.png"><img class="blackico" src="right.png"
+ /><img class="whiteico" src="right.png" /> right.png</a></td>
+</tr>
+<tr><td colspan="4">These can be used to scroll up, down, left and right in a
+listing or may be used to denote items in an outline.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="dir.gif"><img class="blackico" src="dir.gif"
+ /><img class="whiteico" src="dir.gif" /> dir.gif</a>
+ <br /><a href="dir.png"><img class="blackico" src="dir.png"
+ /><img class="whiteico" src="dir.png" /> dir.png</a></td>
+</tr>
+<tr><td colspan="4">Identical to folder.gif (.png) below.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="diskimg.gif"><img class="blackico" src="diskimg.gif"
+ /><img class="whiteico" src="diskimg.gif" /> diskimg.gif</a>
+ <br /><a href="diskimg.png"><img class="blackico" src="diskimg.png"
+ /><img class="whiteico" src="diskimg.png" /> diskimg.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent floppy disk storage.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="small/doc.gif"><img class="blackico" src="small/doc.gif"
+ /><img class="whiteico" src="small/doc.gif" /> small/doc.gif</a>
+ <br /><a href="small/doc.png"><img class="blackico" src="small/doc.png"
+ /><img class="whiteico" src="small/doc.png" /> small/doc.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent document files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="dvi.gif"><img class="blackico" src="dvi.gif"
+ /><img class="whiteico" src="dvi.gif" /> dvi.gif</a>
+ <br /><a href="dvi.png"><img class="blackico" src="dvi.png"
+ /><img class="whiteico" src="dvi.png" /> dvi.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent DVI files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="f.gif"><img class="blackico" src="f.gif"
+ /><img class="whiteico" src="f.gif" /> f.gif</a>
+ <br /><a href="f.png"><img class="blackico" src="f.png"
+ /><img class="whiteico" src="f.png" /> f.png</a></td>
+</tr>
+<tr><td colspan="4">This might represent FORTRAN or Forth source code.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="folder.gif"><img class="blackico" src="folder.gif"
+ /><img class="whiteico" src="folder.gif" /> folder.gif</a>
+ <br /><a href="folder.png"><img class="blackico" src="folder.png"
+ /><img class="whiteico" src="folder.png" /> folder.png</a></td>
+<td width="25%">
+ <a href="folder.open.gif"><img class="blackico" src="folder.open.gif"
+ /><img class="whiteico" src="folder.open.gif" /> folder.open.gif</a>
+ <br /><a href="folder.open.png"><img class="blackico" src="folder.open.png"
+ /><img class="whiteico" src="folder.open.png" /> folder.open.png</a></td>
+<td width="25%">
+ <a href="folder.sec.gif"><img class="blackico" src="folder.sec.gif"
+ /><img class="whiteico" src="folder.sec.gif" /> folder.sec.gif</a>
+ <br /><a href="folder.sec.png"><img class="blackico" src="folder.sec.png"
+ /><img class="whiteico" src="folder.sec.png" /> folder.sec.png</a></td>
+</tr>
+<tr>
+<td width="25%">
+ <a href="small/folder.gif"><img class="blackico" src="small/folder.gif"
+ /><img class="whiteico" src="small/folder.gif" /> small/folder.gif</a>
+ <br /><a href="small/folder.png"><img class="blackico" src="small/folder.png"
+ /><img class="whiteico" src="small/folder.png" /> small/folder.png</a></td>
+<td width="25%">
+ <a href="small/folder2.gif"><img class="blackico" src="small/folder2.gif"
+ /><img class="whiteico" src="small/folder2.gif" /> small/folder2.gif</a>
+ <br /><a href="small/folder2.png"><img class="blackico" src="small/folder2.png"
+ /><img class="whiteico" src="small/folder2.png" /> small/folder2.png</a></td>
+</tr>
+<tr><td colspan="4">The folder can represent directories. There is also a
+version that can represent secure directories or directories that cannot
+be viewed.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="generic.gif"><img class="blackico" src="generic.gif"
+ /><img class="whiteico" src="generic.gif" /> generic.gif</a>
+ <br /><a href="generic.png"><img class="blackico" src="generic.png"
+ /><img class="whiteico" src="generic.png" /> generic.png</a></td>
+<td width="25%">
+ <a href="generic.sec.gif"><img class="blackico" src="generic.sec.gif"
+ /><img class="whiteico" src="generic.sec.gif" /> generic.sec.gif</a>
+ <br /><a href="generic.sec.png"><img class="blackico" src="generic.sec.png"
+ /><img class="whiteico" src="generic.sec.png" /> generic.sec.png</a></td>
+<td width="25%">
+ <a href="generic.red.gif"><img class="blackico" src="generic.red.gif"
+ /><img class="whiteico" src="generic.red.gif" /> generic.red.gif</a>
+ <br /><a href="generic.red.png"><img class="blackico" src="generic.red.png"
+ /><img class="whiteico" src="generic.red.png" /> generic.red.png</a></td>
+</tr>
+<tr>
+<td width="25%">
+ <a href="small/generic.gif"><img class="blackico" src="small/generic.gif"
+ /><img class="whiteico" src="small/generic.gif" /> small/generic.gif</a>
+ <br /><a href="small/generic.png"><img class="blackico" src="small/generic.png"
+ /><img class="whiteico" src="small/generic.png" /> small/generic.png</a></td>
+<td width="25%">
+ <a href="small/generic2.gif"><img class="blackico" src="small/generic2.gif"
+ /><img class="whiteico" src="small/generic2.gif" /> small/generic2.gif</a>
+ <br /><a href="small/generic2.png"><img class="blackico" src="small/generic2.png"
+ /><img class="whiteico" src="small/generic2.png" /> small/generic2.png</a></td>
+<td width="25%">
+ <a href="small/generic3.gif"><img class="blackico" src="small/generic3.gif"
+ /><img class="whiteico" src="small/generic3.gif" /> small/generic3.gif</a>
+ <br /><a href="small/generic3.png"><img class="blackico" src="small/generic3.png"
+ /><img class="whiteico" src="small/generic3.png" /> small/generic3.png</a></td>
+</tr>
+<tr><td colspan="4">These can represent generic files, secure files, and
+important files, respectively.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="hand.right.gif"><img class="blackico" src="hand.right.gif"
+ /><img class="whiteico" src="hand.right.gif" /> hand.right.gif</a>
+ <br /><a href="hand.right.png"><img class="blackico" src="hand.right.png"
+ /><img class="whiteico" src="hand.right.png" /> hand.right.png</a></td>
+<td width="25%">
+ <a href="hand.up.gif"><img class="blackico" src="hand.up.gif"
+ /><img class="whiteico" src="hand.up.gif" /> hand.up.gif</a>
+ <br /><a href="hand.up.png"><img class="blackico" src="hand.up.png"
+ /><img class="whiteico" src="hand.up.png" /> hand.up.png</a></td>
+</tr>
+<tr><td colspan="4">These can point out important items (pun intended).</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="image1.gif"><img class="blackico" src="image1.gif"
+ /><img class="whiteico" src="image1.gif" /> image1.gif</a>
+ <br /><a href="image1.png"><img class="blackico" src="image1.png"
+ /><img class="whiteico" src="image1.png" /> image1.png</a></td>
+<td width="25%">
+ <a href="image2.gif"><img class="blackico" src="image2.gif"
+ /><img class="whiteico" src="image2.gif" /> image2.gif</a>
+ <br /><a href="image2.png"><img class="blackico" src="image2.png"
+ /><img class="whiteico" src="image2.png" /> image2.png</a></td>
+<td width="25%">
+ <a href="image3.gif"><img class="blackico" src="image3.gif"
+ /><img class="whiteico" src="image3.gif" /> image3.gif</a>
+ <br /><a href="image3.png"><img class="blackico" src="image3.png"
+ /><img class="whiteico" src="image3.png" /> image3.png</a></td>
+</tr>
+<tr>
+<td width="25%">
+ <a href="small/image.gif"><img class="blackico" src="small/image.gif"
+ /><img class="whiteico" src="small/image.gif" /> small/image.gif</a>
+ <br /><a href="small/image.png"><img class="blackico" src="small/image.png"
+ /><img class="whiteico" src="small/image.png" /> small/image.png</a></td>
+<td width="25%">
+ <a href="small/image2.gif"><img class="blackico" src="small/image2.gif"
+ /><img class="whiteico" src="small/image2.gif" /> small/image2.gif</a>
+ <br /><a href="small/image2.png"><img class="blackico" src="small/image2.png"
+ /><img class="whiteico" src="small/image2.png" /> small/image2.png</a></td>
+</tr>
+<tr><td colspan="4">These can represent image formats of various types.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="index.gif"><img class="blackico" src="index.gif"
+ /><img class="whiteico" src="index.gif" /> index.gif</a>
+ <br /><a href="index.png"><img class="blackico" src="index.png"
+ /><img class="whiteico" src="index.png" /> index.png</a></td>
+<td width="25%">
+ <a href="small/index.gif"><img class="blackico" src="small/index.gif"
+ /><img class="whiteico" src="small/index.gif" /> small/index.gif</a>
+ <br /><a href="small/index.png"><img class="blackico" src="small/index.png"
+ /><img class="whiteico" src="small/index.png" /> small/index.png</a></td>
+</tr>
+<tr><td colspan="4">This might represent a WAIS index or search facility.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="small/key.gif"><img class="blackico" src="small/key.gif"
+ /><img class="whiteico" src="small/key.gif" /> small/key.gif</a>
+ <br /><a href="small/key.png"><img class="blackico" src="small/key.png"
+ /><img class="whiteico" src="small/key.png" /> small/key.png</a></td>
+</tr>
+<tr><td colspan="4">This might represent a locked file.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="layout.gif"><img class="blackico" src="layout.gif"
+ /><img class="whiteico" src="layout.gif" /> layout.gif</a>
+ <br /><a href="layout.png"><img class="blackico" src="layout.png"
+ /><img class="whiteico" src="layout.png" /> layout.png</a></td>
+</tr>
+<tr><td colspan="4">This might represent files and formats that contain
+graphics as well as text layout, such as HTML and PDF files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="link.gif"><img class="blackico" src="link.gif"
+ /><img class="whiteico" src="link.gif" /> link.gif</a>
+ <br /><a href="link.png"><img class="blackico" src="link.png"
+ /><img class="whiteico" src="link.png" /> link.png</a></td>
+</tr>
+<tr><td colspan="4">This might represent files that are symbolic links.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="movie.gif"><img class="blackico" src="movie.gif"
+ /><img class="whiteico" src="movie.gif" /> movie.gif</a>
+ <br /><a href="movie.png"><img class="blackico" src="movie.png"
+ /><img class="whiteico" src="movie.png" /> movie.png</a></td>
+<td width="25%">
+ <a href="small/movie.gif"><img class="blackico" src="small/movie.gif"
+ /><img class="whiteico" src="small/movie.gif" /> small/movie.gif</a>
+ <br /><a href="small/movie.png"><img class="blackico" src="small/movie.png"
+ /><img class="whiteico" src="small/movie.png" /> small/movie.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent various movie formats.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="p.gif"><img class="blackico" src="p.gif"
+ /><img class="whiteico" src="p.gif" /> p.gif</a>
+ <br /><a href="p.png"><img class="blackico" src="p.png"
+ /><img class="whiteico" src="p.png" /> p.png</a></td>
+</tr>
+<tr><td colspan="4">This may stand for Perl or Python source code.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="pie0.gif"><img class="blackico" src="pie0.gif"
+ /><img class="whiteico" src="pie0.gif" /> pie0.gif</a>
+ <br /><a href="pie1.png"><img class="blackico" src="pie0.png"
+ /><img class="whiteico" src="pie0.png" /> pie0.png</a></td>
+<td width="25%">
+ <a href="pie1.gif"><img class="blackico" src="pie1.gif"
+ /><img class="whiteico" src="pie1.gif" /> pie1.gif</a>
+ <br /><a href="pie1.png"><img class="blackico" src="pie1.png"
+ /><img class="whiteico" src="pie1.png" /> pie1.png</a></td>
+<td width="25%">
+ <a href="pie2.gif"><img class="blackico" src="pie2.gif"
+ /><img class="whiteico" src="pie2.gif" /> pie2.gif</a>
+ <br /><a href="pie2.png"><img class="blackico" src="pie2.png"
+ /><img class="whiteico" src="pie2.png" /> pie2.png</a></td>
+<td width="25%">
+ <a href="pie3.gif"><img class="blackico" src="pie3.gif"
+ /><img class="whiteico" src="pie3.gif" /> pie3.gif</a>
+ <br /><a href="pie3.png"><img class="blackico" src="pie3.png"
+ /><img class="whiteico" src="pie3.png" /> pie3.png</a></td>
+</tr><tr>
+<td width="25%">
+ <a href="pie4.gif"><img class="blackico" src="pie4.gif"
+ /><img class="whiteico" src="pie4.gif" /> pie4.gif</a>
+ <br /><a href="pie4.png"><img class="blackico" src="pie4.png"
+ /><img class="whiteico" src="pie4.png" /> pie4.png</a></td>
+<td width="25%">
+ <a href="pie5.gif"><img class="blackico" src="pie5.gif"
+ /><img class="whiteico" src="pie5.gif" /> pie5.gif</a>
+ <br /><a href="pie5.png"><img class="blackico" src="pie5.png"
+ /><img class="whiteico" src="pie5.png" /> pie5.png</a></td>
+<td width="25%">
+ <a href="pie6.gif"><img class="blackico" src="pie6.gif"
+ /><img class="whiteico" src="pie6.gif" /> pie6.gif</a>
+ <br /><a href="pie6.png"><img class="blackico" src="pie6.png"
+ /><img class="whiteico" src="pie6.png" /> pie6.png</a></td>
+<td width="25%">
+ <a href="pie7.gif"><img class="blackico" src="pie7.gif"
+ /><img class="whiteico" src="pie7.gif" /> pie7.gif</a>
+ <br /><a href="pie7.png"><img class="blackico" src="pie7.png"
+ /><img class="whiteico" src="pie7.png" /> pie7.png</a></td>
+</tr><tr>
+<td width="25%">
+ <a href="pie8.gif"><img class="blackico" src="pie8.gif"
+ /><img class="whiteico" src="pie8.gif" /> pie8.gif</a>
+ <br /><a href="pie8.png"><img class="blackico" src="pie8.png"
+ /><img class="whiteico" src="pie8.png" /> pie8.png</a></td>
+</tr>
+<tr><td colspan="4">These icons can be used in applications where a list of
+documents is returned from a search. The little pie chart images
+can denote how relevant the documents may be to your search query.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="patch.gif"><img class="blackico" src="patch.gif"
+ /><img class="whiteico" src="patch.gif" /> patch.gif</a>
+ <br /><a href="patch.png"><img class="blackico" src="patch.png"
+ /><img class="whiteico" src="patch.png" /> patch.png</a></td>
+<td width="25%">
+ <a href="small/patch.gif"><img class="blackico" src="small/patch.gif"
+ /><img class="whiteico" src="small/patch.gif" /> small/patch.gif</a>
+ <br /><a href="small/patch.png"><img class="blackico" src="small/patch.png"
+ /><img class="whiteico" src="small/patch.png" /> small/patch.png</a></td>
+</tr>
+<tr><td colspan="4">This may stand for patches and diff files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="portal.gif"><img class="blackico" src="portal.gif"
+ /><img class="whiteico" src="portal.gif" /> portal.gif</a>
+ <br /><a href="portal.png"><img class="blackico" src="portal.png"
+ /><img class="whiteico" src="portal.png" /> portal.png</a></td>
+</tr>
+<tr><td colspan="4">This might be a link to an online service or a 3D
+world.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="pdf.gif"><img class="blackico" src="pdf.gif"
+ /><img class="whiteico" src="pdf.gif" /> pdf.gif</a>
+ <br /><a href="pdf.png"><img class="blackico" src="pdf.png"
+ /><img class="whiteico" src="pdf.png" /> pdf.png</a></td>
+<td width="25%">
+ <a href="ps.gif"><img class="blackico" src="ps.gif"
+ /><img class="whiteico" src="ps.gif" /> ps.gif</a>
+ <br /><a href="ps.png"><img class="blackico" src="ps.png"
+ /><img class="whiteico" src="ps.png" /> ps.png</a></td>
+<td width="25%">
+ <a href="quill.gif"><img class="blackico" src="quill.gif"
+ /><img class="whiteico" src="quill.gif" /> quill.gif</a>
+ <br /><a href="quill.png"><img class="blackico" src="quill.png"
+ /><img class="whiteico" src="quill.png" /> quill.png</a></td>
+<td width="25%">
+ <a href="small/ps.gif"><img class="blackico" src="small/ps.gif"
+ /><img class="whiteico" src="small/ps.gif" /> small/ps.gif</a>
+ <br /><a href="small/ps.png"><img class="blackico" src="small/ps.png"
+ /><img class="whiteico" src="small/ps.png" /> small/ps.png</a></td>
+</tr>
+<tr><td colspan="4">These may represent PDF and PostScript files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="screw1.gif"><img class="blackico" src="screw1.gif"
+ /><img class="whiteico" src="screw1.gif" /> screw1.gif</a>
+ <br /><a href="screw1.png"><img class="blackico" src="screw1.png"
+ /><img class="whiteico" src="screw1.png" /> screw1.png</a></td>
+<td width="25%">
+ <a href="screw2.gif"><img class="blackico" src="screw2.gif"
+ /><img class="whiteico" src="screw2.gif" /> screw2.gif</a>
+ <br /><a href="screw2.png"><img class="blackico" src="screw2.png"
+ /><img class="whiteico" src="screw2.png" /> screw2.png</a></td>
+</tr>
+<tr><td colspan="4">These may represent CAD or engineering data and
+formats.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="script.gif"><img class="blackico" src="script.gif"
+ /><img class="whiteico" src="script.gif" /> script.gif</a>
+ <br /><a href="script.png"><img class="blackico" src="script.png"
+ /><img class="whiteico" src="script.png" /> script.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent any of various interpreted languages,
+such as Perl, python, TCL, and shell scripts, as well as server configuration
+files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="sound1.gif"><img class="blackico" src="sound1.gif"
+ /><img class="whiteico" src="sound1.gif" /> sound1.gif</a>
+ <br /><a href="sound1.png"><img class="blackico" src="sound1.png"
+ /><img class="whiteico" src="sound1.png" /> sound1.png</a></td>
+<td width="25%">
+ <a href="sound2.gif"><img class="blackico" src="sound2.gif"
+ /><img class="whiteico" src="sound2.gif" /> sound2.gif</a>
+ <br /><a href="sound2.png"><img class="blackico" src="sound2.png"
+ /><img class="whiteico" src="sound2.png" /> sound2.png</a></td>
+<td width="25%">
+ <a href="small/sound.gif"><img class="blackico" src="small/sound.gif"
+ /><img class="whiteico" src="small/sound.gif" /> small/sound.gif</a>
+ <br /><a href="small/sound.png"><img class="blackico" src="small/sound.png"
+ /><img class="whiteico" src="small/sound.png" /> small/sound.png</a></td>
+<td width="25%">
+ <a href="small/sound2.gif"><img class="blackico" src="small/sound2.gif"
+ /><img class="whiteico" src="small/sound2.gif" /> small/sound2.gif</a>
+ <br /><a href="small/sound2.png"><img class="blackico" src="small/sound2.png"
+ /><img class="whiteico" src="small/sound2.png" /> small/sound2.png</a></td>
+</tr>
+<tr><td colspan="4">These can represent sound files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="sphere1.gif"><img class="blackico" src="sphere1.gif"
+ /><img class="whiteico" src="sphere1.gif" /> sphere1.gif</a>
+ <br /><a href="sphere1.png"><img class="blackico" src="sphere1.png"
+ /><img class="whiteico" src="sphere1.png" /> sphere1.png</a></td>
+<td width="25%">
+ <a href="sphere2.gif"><img class="blackico" src="sphere2.gif"
+ /><img class="whiteico" src="sphere2.gif" /> sphere2.gif</a>
+ <br /><a href="sphere2.png"><img class="blackico" src="sphere2.png"
+ /><img class="whiteico" src="sphere2.png" /> sphere2.png</a></td>
+</tr>
+<tr><td colspan="4">These can represent 3D worlds or rendering applications and
+formats.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="tar.gif"><img class="blackico" src="tar.gif"
+ /><img class="whiteico" src="tar.gif" /> tar.gif</a>
+ <br /><a href="tar.png"><img class="blackico" src="tar.png"
+ /><img class="whiteico" src="tar.png" /> tar.png</a></td>
+<td width="25%">
+ <a href="small/tar.gif"><img class="blackico" src="small/tar.gif"
+ /><img class="whiteico" src="small/tar.gif" /> small/tar.gif</a>
+ <br /><a href="small/tar.png"><img class="blackico" src="small/tar.png"
+ /><img class="whiteico" src="small/tar.png" /> small/tar.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent TAR archive files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="tex.gif"><img class="blackico" src="tex.gif"
+ /><img class="whiteico" src="tex.gif" /> tex.gif</a>
+ <br /><a href="tex.png"><img class="blackico" src="tex.png"
+ /><img class="whiteico" src="tex.png" /> tex.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent TeX files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="text.gif"><img class="blackico" src="text.gif"
+ /><img class="whiteico" src="text.gif" /> text.gif</a>
+ <br /><a href="text.png"><img class="blackico" src="text.png"
+ /><img class="whiteico" src="text.png" /> text.png</a></td>
+<td width="25%">
+ <a href="small/text.gif"><img class="blackico" src="small/text.gif"
+ /><img class="whiteico" src="small/text.gif" /> small/text.gif</a>
+ <br /><a href="small/text.png"><img class="blackico" src="small/text.png"
+ /><img class="whiteico" src="small/text.png" /> small/text.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent generic (plain) text files.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="transfer.gif"><img class="blackico" src="transfer.gif"
+ /><img class="whiteico" src="transfer.gif" /> transfer.gif</a>
+ <br /><a href="transfer.png"><img class="blackico" src="transfer.png"
+ /><img class="whiteico" src="transfer.png" /> transfer.png</a></td>
+<td width="25%">
+ <a href="small/transfer.gif"><img class="blackico" src="small/transfer.gif"
+ /><img class="whiteico" src="small/transfer.gif" /> small/transfer.gif</a>
+ <br /><a href="small/transfer.png"><img class="blackico" src="small/transfer.png"
+ /><img class="whiteico" src="small/transfer.png" /> small/transfer.png</a></td>
+</tr>
+<tr><td colspan="4">This can represent FTP transfers or uploads/downloads.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="unknown.gif"><img class="blackico" src="unknown.gif"
+ /><img class="whiteico" src="unknown.gif" /> unknown.gif</a>
+ <br /><a href="unknown.png"><img class="blackico" src="unknown.png"
+ /><img class="whiteico" src="unknown.png" /> unknown.png</a></td>
+<td width="25%">
+ <a href="small/unknown.gif"><img class="blackico" src="small/unknown.gif"
+ /><img class="whiteico" src="small/unknown.gif" /> small/unknown.gif</a>
+ <br /><a href="small/unknown.png"><img class="blackico" src="small/unknown.png"
+ /><img class="whiteico" src="small/unknown.png" /> small/unknown.png</a></td>
+</tr>
+<tr><td colspan="4">This may represent a file of an unknown type.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="uu.gif"><img class="blackico" src="uu.gif"
+ /><img class="whiteico" src="uu.gif" /> uu.gif</a>
+ <br /><a href="uu.png"><img class="blackico" src="uu.png"
+ /><img class="whiteico" src="uu.png" /> uu.png</a></td>
+<td width="25%">
+ <a href="uuencoded.gif"><img class="blackico" src="uuencoded.gif"
+ /><img class="whiteico" src="uuencoded.gif" /> uuencoded.gif</a>
+ <br /><a href="uuencoded.png"><img class="blackico" src="uuencoded.png"
+ /><img class="whiteico" src="uuencoded.png" /> uuencoded.png</a></td>
+<td width="25%">
+ <a href="small/uu.gif"><img class="blackico" src="small/uu.gif"
+ /><img class="whiteico" src="small/uu.gif" /> small/uu.gif</a>
+ <br /><a href="small/uu.png"><img class="blackico" src="small/uu.png"
+ /><img class="whiteico" src="small/uu.png" /> small/uu.png</a></td>
+</tr>
+<tr><td colspan="4">This can stand for uuencoded data.</td>
+</tr>
+
+<tr>
+<td width="25%">
+ <a href="world1.gif"><img class="blackico" src="world1.gif"
+ /><img class="whiteico" src="world1.gif" /> world1.gif</a>
+ <br /><a href="world1.png"><img class="blackico" src="world1.png"
+ /><img class="whiteico" src="world1.png" /> world1.png</a></td>
+<td width="25%">
+ <a href="world2.gif"><img class="blackico" src="world2.gif"
+ /><img class="whiteico" src="world2.gif" /> world2.gif</a>
+ <br /><a href="world2.png"><img class="blackico" src="world2.png"
+ /><img class="whiteico" src="world2.png" /> world2.png</a></td>
+</tr>
+<tr><td colspan="4">These can represent 3D worlds or other 3D formats.</td>
+</tr>
+</table>
+</body>
+</html>