1<html>
2<head>
3<style>
4a { text-decoration: none; }
5img.whiteico { padding: 4px; background: white; vertical-align: middle; }
6img.blackico { padding: 4px; background: black; vertical-align: middle; }
7</style>
8</head>
9<body>
10<h1>Public Domain Icons</h1>
11
12<p>These icons were originally made for Mosaic for X and have been
13included in the NCSA httpd and Apache server distributions in the
14past. They are in the public domain and may be freely included in any
15application. The originals were done by Kevin Hughes (kevinh@kevcom.com).
16Andy Polyakov tuned the icon colors and added few new images.</p>
17
18<p>If you'd like to contribute additions to this set, contact the httpd
19documentation project <a href="http://httpd.apache.org/docs-project/"
20>http://httpd.apache.org/docs-project/</a>.</p>
21
22<p>Almost all of these icons are 20x22 pixels in size.  There are
23alternative icons in the "small" directory that are 16x16 in size,
24provided by Mike Brown (mike@hyperreal.org).</p>
25
26<h2>Suggested Uses</h2>
27
28<p>The following are a few suggestions, to serve as a starting point for ideas.
29Please feel free to tweak and rename the icons as you like.</p>
30
31<table>
32<tr>
33<td width="25%">
34 <a href="a.gif"><img class="blackico" src="a.gif" 
35   /><img class="whiteico" src="a.gif" /> a.gif</a>
36 <br /><a href="a.png"><img class="blackico" src="a.png" 
37   /><img class="whiteico" src="a.png" /> a.png</a></td>
38</tr>
39<tr><td colspan="4">This might be used to represent PostScript or text layout
40languages.</td>
41</tr>
42
43<tr>
44<td width="25%">
45 <a href="alert.black.gif"><img class="blackico" src="alert.black.gif" 
46   /><img class="whiteico" src="alert.black.gif" /> alert.black.gif</a>
47 <br /><a href="alert.black.png"><img class="blackico" src="alert.black.png" 
48   /><img class="whiteico" src="alert.black.png" /> alert.black.png</a></td>
49<td width="25%">
50 <a href="alert.red.gif"><img class="blackico" src="alert.red.gif" 
51   /><img class="whiteico" src="alert.red.gif" /> alert.red.gif</a>
52 <br /><a href="alert.red.png"><img class="blackico" src="alert.red.png" 
53   /><img class="whiteico" src="alert.red.png" /> alert.red.png</a></td>
54</tr>
55<tr><td colspan="4">These can be used to highlight any important items,
56such as a README file in a directory.</td>
57</tr>
58
59<tr>
60<td width="25%">
61 <a href="back.gif"><img class="blackico" src="back.gif" 
62   /><img class="whiteico" src="back.gif" /> back.gif</a>
63 <br /><a href="back.png"><img class="blackico" src="back.png" 
64   /><img class="whiteico" src="back.png" /> back.png</a></td>
65<td width="25%">
66 <a href="forward.gif"><img class="blackico" src="forward.gif" 
67   /><img class="whiteico" src="forward.gif" /> forward.gif</a>
68 <br /><a href="forward.png"><img class="blackico" src="forward.png" 
69   /><img class="whiteico" src="forward.png" /> forward.png</a></td>
70<td width="25%">
71 <a href="small/back.gif"><img class="blackico" src="small/back.gif" 
72   /><img class="whiteico" src="small/back.gif" /> small.gif</a>
73 <br /><a href="small/back.png"><img class="blackico" src="small/back.png" 
74   /><img class="whiteico" src="small/back.png" /> small/back.png</a></td>
75<td width="25%">
76 <a href="small/forward.gif"><img class="blackico" src="small/forward.gif" 
77   /><img class="whiteico" src="small/forward.gif" /> small/forward.gif</a>
78 <br /><a href="small/forward.png"><img class="blackico" src="small/forward.png" 
79   /><img class="whiteico" src="small/forward.png" /> small/forward.png</a></td>
80</tr>
81<tr><td colspan="4">These can be used as links to go to previous and next
82areas.</td>
83</tr>
84
85<tr>
86<td width="25%">
87 <a href="ball.gray.gif"><img class="blackico" src="ball.gray.gif" 
88   /><img class="whiteico" src="ball.gray.gif" /> ball.gray.gif</a>
89 <br /><a href="ball.gray.png"><img class="blackico" src="ball.gray.png" 
90   /><img class="whiteico" src="ball.gray.png" /> ball.gray.png</a></td>
91<td width="25%">
92 <a href="ball.red.gif"><img class="blackico" src="ball.red.gif" 
93   /><img class="whiteico" src="ball.red.gif" /> ball.red.gif</a>
94 <br /><a href="ball.red.png"><img class="blackico" src="ball.red.png" 
95   /><img class="whiteico" src="ball.red.png" /> ball.red.png</a></td>
96</tr>
97<tr><td colspan="4">These might be used as bullets.</td>
98</tr>
99
100<tr>
101<td width="25%">
102 <a href="binary.gif"><img class="blackico" src="binary.gif" 
103   /><img class="whiteico" src="binary.gif" /> binary.gif</a>
104 <br /><a href="binary.png"><img class="blackico" src="binary.png" 
105   /><img class="whiteico" src="binary.png" /> binary.png</a></td>
106<td width="25%">
107 <a href="small/binary.gif"><img class="blackico" src="small/binary.gif" 
108   /><img class="whiteico" src="small/binary.gif" /> small/binary.gif</a>
109 <br /><a href="small/binary.png"><img class="blackico" src="small/binary.png" 
110   /><img class="whiteico" src="small/binary.png" /> small/binary.png</a></td>
111</tr>
112<tr><td colspan="4">This can be used to represent binary files.</td>
113</tr>
114
115<tr>
116<td width="25%">
117 <a href="binhex.gif"><img class="blackico" src="binhex.gif" 
118   /><img class="whiteico" src="binhex.gif" /> binhex.gif</a>
119 <br /><a href="binhex.png"><img class="blackico" src="binhex.png" 
120   /><img class="whiteico" src="binhex.png" /> binhex.png</a></td>
121<td width="25%">
122 <a href="small/binhex.gif"><img class="blackico" src="small/binhex.gif" 
123   /><img class="whiteico" src="small/binhex.gif" /> small/binhex.gif</a>
124 <br /><a href="small/binhex.png"><img class="blackico" src="small/binhex.png" 
125   /><img class="whiteico" src="small/binhex.png" /> small/binhex.png</a></td>
126</tr>
127<tr><td colspan="4">This can represent BinHex-encoded data.</td>
128</tr>
129
130<tr>
131<td width="25%">
132 <a href="blank.gif"><img class="blackico" src="blank.gif" 
133   /><img class="whiteico" src="blank.gif" /> blank.gif</a>
134 <br /><a href="blank.png"><img class="blackico" src="blank.png" 
135   /><img class="whiteico" src="blank.png" /> blank.png</a></td>
136<td width="25%">
137 <a href="small/blank.gif"><img class="blackico" src="small/blank.gif" 
138   /><img class="whiteico" src="small/blank.gif" /> small/blank.gif</a>
139 <br /><a href="small/blank.png"><img class="blackico" src="small/blank.png" 
140   /><img class="whiteico" src="small/blank.png" /> small/blank.png</a></td>
141</tr>
142<tr><td colspan="4">This can be used as a placeholder or a spacing
143element.</td>
144</tr>
145
146<tr>
147<td width="25%">
148 <a href="bomb.gif"><img class="blackico" src="bomb.gif" 
149   /><img class="whiteico" src="bomb.gif" /> bomb.gif</a>
150 <br /><a href="bomb.png"><img class="blackico" src="bomb.png" 
151   /><img class="whiteico" src="bomb.png" /> bomb.png</a></td>
152</tr>
153<tr><td colspan="4">This can be used to represent core files.</td>
154</tr>
155
156<tr>
157<td width="25%">
158 <a href="box1.gif"><img class="blackico" src="box1.gif" 
159   /><img class="whiteico" src="box1.gif" /> box1.gif</a>
160 <br /><a href="box1.png"><img class="blackico" src="box1.png" 
161   /><img class="whiteico" src="box1.png" /> box1.png</a></td>
162<td width="25%">
163 <a href="box2.gif"><img class="blackico" src="box2.gif" 
164   /><img class="whiteico" src="box2.gif" /> box2.gif</a>
165 <br /><a href="box2.png"><img class="blackico" src="box2.png" 
166   /><img class="whiteico" src="box2.png" /> box2.png</a></td>
167</tr>
168<tr><td colspan="4">These icons can be used to represent generic 3D
169applications and related files.</td>
170</tr>
171
172<tr>
173<td width="25%">
174 <a href="broken.gif"><img class="blackico" src="broken.gif" 
175   /><img class="whiteico" src="broken.gif" /> broken.gif</a>
176 <br /><a href="broken.png"><img class="blackico" src="broken.png" 
177   /><img class="whiteico" src="broken.png" /> broken.png</a></td>
178<td width="25%">
179 <a href="small/broken.gif"><img class="blackico" src="small/broken.gif" 
180   /><img class="whiteico" src="small/broken.gif" /> small/broken.gif</a>
181 <br /><a href="small/broken.png"><img class="blackico" src="small/broken.png" 
182   /><img class="whiteico" src="small/broken.png" /> small/broken.png</a></td>
183</tr>
184<tr><td colspan="4">This can represent corrupted data.</td>
185</tr>
186
187<tr>
188<td width="25%">
189 <a href="burst.gif"><img class="blackico" src="burst.gif" 
190   /><img class="whiteico" src="burst.gif" /> burst.gif</a>
191 <br /><a href="burst.png"><img class="blackico" src="burst.png" 
192   /><img class="whiteico" src="burst.png" /> burst.png</a></td>
193<td width="25%">
194 <a href="small/burst.gif"><img class="blackico" src="small/burst.gif" 
195   /><img class="whiteico" src="small/burst.gif" /> small/burst.gif</a>
196 <br /><a href="small/burst.png"><img class="blackico" src="small/burst.png" 
197   /><img class="whiteico" src="small/burst.png" /> small/burst.png</a></td>
198</tr>
199<tr><td colspan="4">This can call attention to new and important items.</td>
200</tr>
201
202<tr>
203<td width="25%">
204 <a href="c.gif"><img class="blackico" src="c.gif" 
205   /><img class="whiteico" src="c.gif" /> c.gif</a>
206 <br /><a href="c.png"><img class="blackico" src="c.png" 
207   /><img class="whiteico" src="c.png" /> c.png</a></td>
208</tr>
209<tr><td colspan="4">This might represent C source code.</td>
210</tr>
211
212<tr>
213<td width="25%">
214 <a href="comp.blue.gif"><img class="blackico" src="comp.blue.gif" 
215   /><img class="whiteico" src="comp.blue.gif" /> comp.blue.gif</a>
216 <br /><a href="comp.blue.png"><img class="blackico" src="comp.blue.png" 
217   /><img class="whiteico" src="comp.blue.png" /> comp.blue.png</a></td>
218<td width="25%">
219 <a href="comp.gray.gif"><img class="blackico" src="comp.gray.gif" 
220   /><img class="whiteico" src="comp.gray.gif" /> comp.gray.gif</a>
221 <br /><a href="comp.gray.png"><img class="blackico" src="comp.gray.png" 
222   /><img class="whiteico" src="comp.gray.png" /> comp.gray.png</a></td>
223<td width="25%">
224 <a href="small/comp1.gif"><img class="blackico" src="small/comp1.gif" 
225   /><img class="whiteico" src="small/comp1.gif" /> small/comp1.gif</a>
226 <br /><a href="small/comp1.png"><img class="blackico" src="small/comp1.png" 
227   /><img class="whiteico" src="small/comp1.png" /> small/comp1.png</a></td>
228<td width="25%">
229 <a href="small/comp2.gif"><img class="blackico" src="small/comp2.gif" 
230   /><img class="whiteico" src="small/comp2.gif" /> small/comp2.gif</a>
231 <br /><a href="small/comp2.png"><img class="blackico" src="small/comp2.png" 
232   /><img class="whiteico" src="small/comp2.png" /> small/comp2.png</a></td>
233</tr>
234<tr><td colspan="4">These little computer icons can stand for telnet or FTP
235sessions.</td>
236</tr>
237
238<tr>
239<td width="25%">
240 <a href="compressed.gif"><img class="blackico" src="compressed.gif" 
241   /><img class="whiteico" src="compressed.gif" /> compressed.gif</a>
242 <br /><a href="compressed.png"><img class="blackico" src="compressed.png" 
243   /><img class="whiteico" src="compressed.png" /> compressed.png</a></td>
244<td width="25%">
245 <a href="small/compressed.gif"><img class="blackico" src="small/compressed.gif" 
246   /><img class="whiteico" src="small/compressed.gif" /> small/compressed.gif</a>
247 <br /><a href="small/compressed.png"><img class="blackico" src="small/compressed.png" 
248   /><img class="whiteico" src="small/compressed.png" /> small/compressed.png</a></td>
249</tr>
250<tr><td colspan="4">This may represent compressed data.</td>
251</tr>
252
253<tr>
254<td width="25%">
255 <a href="continued.gif"><img class="blackico" src="continued.gif" 
256   /><img class="whiteico" src="continued.gif" /> continued.gif</a>
257 <br /><a href="continued.png"><img class="blackico" src="continued.png" 
258   /><img class="whiteico" src="continued.png" /> continued.png</a></td>
259<td width="25%">
260 <a href="small/continued.gif"><img class="blackico" src="small/continued.gif" 
261   /><img class="whiteico" src="small/continued.gif" /> small/continued.gif</a>
262 <br /><a href="small/continued.png"><img class="blackico" src="small/continued.png" 
263   /><img class="whiteico" src="small/continued.png" /> small/continued.png</a></td>
264</tr>
265<tr><td colspan="4">This can be a link to a continued listing of a
266directory.</td>
267</tr>
268
269<tr>
270<td width="25%">
271 <a href="down.gif"><img class="blackico" src="down.gif" 
272   /><img class="whiteico" src="down.gif" /> down.gif</a>
273 <br /><a href="down.png"><img class="blackico" src="down.png" 
274   /><img class="whiteico" src="down.png" /> down.png</a></td>
275<td width="25%">
276 <a href="up.gif"><img class="blackico" src="up.gif" 
277   /><img class="whiteico" src="up.gif" /> up.gif</a>
278 <br /><a href="up.png"><img class="blackico" src="up.png" 
279   /><img class="whiteico" src="up.png" /> up.png</a></td>
280<td width="25%">
281 <a href="left.gif"><img class="blackico" src="left.gif" 
282   /><img class="whiteico" src="left.gif" /> left.gif</a>
283 <br /><a href="left.png"><img class="blackico" src="left.png" 
284   /><img class="whiteico" src="left.png" /> left.png</a></td>
285<td width="25%">
286 <a href="right.gif"><img class="blackico" src="right.gif" 
287   /><img class="whiteico" src="right.gif" /> right.gif</a>
288 <br /><a href="right.png"><img class="blackico" src="right.png" 
289   /><img class="whiteico" src="right.png" /> right.png</a></td>
290</tr>
291<tr><td colspan="4">These can be used to scroll up, down, left and right in a
292listing or may be used to denote items in an outline.</td>
293</tr>
294
295<tr>
296<td width="25%">
297 <a href="dir.gif"><img class="blackico" src="dir.gif" 
298   /><img class="whiteico" src="dir.gif" /> dir.gif</a>
299 <br /><a href="dir.png"><img class="blackico" src="dir.png" 
300   /><img class="whiteico" src="dir.png" /> dir.png</a></td>
301</tr>
302<tr><td colspan="4">Identical to folder.gif (.png) below.</td>
303</tr>
304
305<tr>
306<td width="25%">
307 <a href="diskimg.gif"><img class="blackico" src="diskimg.gif" 
308   /><img class="whiteico" src="diskimg.gif" /> diskimg.gif</a>
309 <br /><a href="diskimg.png"><img class="blackico" src="diskimg.png" 
310   /><img class="whiteico" src="diskimg.png" /> diskimg.png</a></td>
311</tr>
312<tr><td colspan="4">This can represent floppy disk storage.</td>
313</tr>
314
315<tr>
316<td width="25%">
317 <a href="small/doc.gif"><img class="blackico" src="small/doc.gif" 
318   /><img class="whiteico" src="small/doc.gif" /> small/doc.gif</a>
319 <br /><a href="small/doc.png"><img class="blackico" src="small/doc.png" 
320   /><img class="whiteico" src="small/doc.png" /> small/doc.png</a></td>
321</tr>
322<tr><td colspan="4">This can represent document files.</td>
323</tr>
324
325<tr>
326<td width="25%">
327 <a href="dvi.gif"><img class="blackico" src="dvi.gif" 
328   /><img class="whiteico" src="dvi.gif" /> dvi.gif</a>
329 <br /><a href="dvi.png"><img class="blackico" src="dvi.png" 
330   /><img class="whiteico" src="dvi.png" /> dvi.png</a></td>
331</tr>
332<tr><td colspan="4">This can represent DVI files.</td>
333</tr>
334
335<tr>
336<td width="25%">
337 <a href="f.gif"><img class="blackico" src="f.gif" 
338   /><img class="whiteico" src="f.gif" /> f.gif</a>
339 <br /><a href="f.png"><img class="blackico" src="f.png" 
340   /><img class="whiteico" src="f.png" /> f.png</a></td>
341</tr>
342<tr><td colspan="4">This might represent FORTRAN or Forth source code.</td>
343</tr>
344
345<tr>
346<td width="25%">
347 <a href="folder.gif"><img class="blackico" src="folder.gif" 
348   /><img class="whiteico" src="folder.gif" /> folder.gif</a>
349 <br /><a href="folder.png"><img class="blackico" src="folder.png" 
350   /><img class="whiteico" src="folder.png" /> folder.png</a></td>
351<td width="25%">
352 <a href="folder.open.gif"><img class="blackico" src="folder.open.gif" 
353   /><img class="whiteico" src="folder.open.gif" /> folder.open.gif</a>
354 <br /><a href="folder.open.png"><img class="blackico" src="folder.open.png" 
355   /><img class="whiteico" src="folder.open.png" /> folder.open.png</a></td>
356<td width="25%">
357 <a href="folder.sec.gif"><img class="blackico" src="folder.sec.gif" 
358   /><img class="whiteico" src="folder.sec.gif" /> folder.sec.gif</a>
359 <br /><a href="folder.sec.png"><img class="blackico" src="folder.sec.png" 
360   /><img class="whiteico" src="folder.sec.png" /> folder.sec.png</a></td>
361</tr>
362<tr>
363<td width="25%">
364 <a href="small/folder.gif"><img class="blackico" src="small/folder.gif" 
365   /><img class="whiteico" src="small/folder.gif" /> small/folder.gif</a>
366 <br /><a href="small/folder.png"><img class="blackico" src="small/folder.png" 
367   /><img class="whiteico" src="small/folder.png" /> small/folder.png</a></td>
368<td width="25%">
369 <a href="small/folder2.gif"><img class="blackico" src="small/folder2.gif" 
370   /><img class="whiteico" src="small/folder2.gif" /> small/folder2.gif</a>
371 <br /><a href="small/folder2.png"><img class="blackico" src="small/folder2.png" 
372   /><img class="whiteico" src="small/folder2.png" /> small/folder2.png</a></td>
373</tr>
374<tr><td colspan="4">The folder can represent directories. There is also a
375version that can represent secure directories or directories that cannot
376be viewed.</td>
377</tr>
378
379<tr>
380<td width="25%">
381 <a href="generic.gif"><img class="blackico" src="generic.gif" 
382   /><img class="whiteico" src="generic.gif" /> generic.gif</a>
383 <br /><a href="generic.png"><img class="blackico" src="generic.png" 
384   /><img class="whiteico" src="generic.png" /> generic.png</a></td>
385<td width="25%">
386 <a href="generic.sec.gif"><img class="blackico" src="generic.sec.gif" 
387   /><img class="whiteico" src="generic.sec.gif" /> generic.sec.gif</a>
388 <br /><a href="generic.sec.png"><img class="blackico" src="generic.sec.png" 
389   /><img class="whiteico" src="generic.sec.png" /> generic.sec.png</a></td>
390<td width="25%">
391 <a href="generic.red.gif"><img class="blackico" src="generic.red.gif" 
392   /><img class="whiteico" src="generic.red.gif" /> generic.red.gif</a>
393 <br /><a href="generic.red.png"><img class="blackico" src="generic.red.png" 
394   /><img class="whiteico" src="generic.red.png" /> generic.red.png</a></td>
395</tr>
396<tr>
397<td width="25%">
398 <a href="small/generic.gif"><img class="blackico" src="small/generic.gif" 
399   /><img class="whiteico" src="small/generic.gif" /> small/generic.gif</a>
400 <br /><a href="small/generic.png"><img class="blackico" src="small/generic.png" 
401   /><img class="whiteico" src="small/generic.png" /> small/generic.png</a></td>
402<td width="25%">
403 <a href="small/generic2.gif"><img class="blackico" src="small/generic2.gif" 
404   /><img class="whiteico" src="small/generic2.gif" /> small/generic2.gif</a>
405 <br /><a href="small/generic2.png"><img class="blackico" src="small/generic2.png" 
406   /><img class="whiteico" src="small/generic2.png" /> small/generic2.png</a></td>
407<td width="25%">
408 <a href="small/generic3.gif"><img class="blackico" src="small/generic3.gif" 
409   /><img class="whiteico" src="small/generic3.gif" /> small/generic3.gif</a>
410 <br /><a href="small/generic3.png"><img class="blackico" src="small/generic3.png" 
411   /><img class="whiteico" src="small/generic3.png" /> small/generic3.png</a></td>
412</tr>
413<tr><td colspan="4">These can represent generic files, secure files, and
414important files, respectively.</td>
415</tr>
416
417<tr>
418<td width="25%">
419 <a href="hand.right.gif"><img class="blackico" src="hand.right.gif" 
420   /><img class="whiteico" src="hand.right.gif" /> hand.right.gif</a>
421 <br /><a href="hand.right.png"><img class="blackico" src="hand.right.png" 
422   /><img class="whiteico" src="hand.right.png" /> hand.right.png</a></td>
423<td width="25%">
424 <a href="hand.up.gif"><img class="blackico" src="hand.up.gif" 
425   /><img class="whiteico" src="hand.up.gif" /> hand.up.gif</a>
426 <br /><a href="hand.up.png"><img class="blackico" src="hand.up.png" 
427   /><img class="whiteico" src="hand.up.png" /> hand.up.png</a></td>
428</tr>
429<tr><td colspan="4">These can point out important items (pun intended).</td>
430</tr>
431
432<tr>
433<td width="25%">
434 <a href="image1.gif"><img class="blackico" src="image1.gif" 
435   /><img class="whiteico" src="image1.gif" /> image1.gif</a>
436 <br /><a href="image1.png"><img class="blackico" src="image1.png" 
437   /><img class="whiteico" src="image1.png" /> image1.png</a></td>
438<td width="25%">
439 <a href="image2.gif"><img class="blackico" src="image2.gif" 
440   /><img class="whiteico" src="image2.gif" /> image2.gif</a>
441 <br /><a href="image2.png"><img class="blackico" src="image2.png" 
442   /><img class="whiteico" src="image2.png" /> image2.png</a></td>
443<td width="25%">
444 <a href="image3.gif"><img class="blackico" src="image3.gif" 
445   /><img class="whiteico" src="image3.gif" /> image3.gif</a>
446 <br /><a href="image3.png"><img class="blackico" src="image3.png" 
447   /><img class="whiteico" src="image3.png" /> image3.png</a></td>
448</tr>
449<tr>
450<td width="25%">
451 <a href="small/image.gif"><img class="blackico" src="small/image.gif" 
452   /><img class="whiteico" src="small/image.gif" /> small/image.gif</a>
453 <br /><a href="small/image.png"><img class="blackico" src="small/image.png" 
454   /><img class="whiteico" src="small/image.png" /> small/image.png</a></td>
455<td width="25%">
456 <a href="small/image2.gif"><img class="blackico" src="small/image2.gif" 
457   /><img class="whiteico" src="small/image2.gif" /> small/image2.gif</a>
458 <br /><a href="small/image2.png"><img class="blackico" src="small/image2.png" 
459   /><img class="whiteico" src="small/image2.png" /> small/image2.png</a></td>
460</tr>
461<tr><td colspan="4">These can represent image formats of various types.</td>
462</tr>
463
464<tr>
465<td width="25%">
466 <a href="index.gif"><img class="blackico" src="index.gif" 
467   /><img class="whiteico" src="index.gif" /> index.gif</a>
468 <br /><a href="index.png"><img class="blackico" src="index.png" 
469   /><img class="whiteico" src="index.png" /> index.png</a></td>
470<td width="25%">
471 <a href="small/index.gif"><img class="blackico" src="small/index.gif" 
472   /><img class="whiteico" src="small/index.gif" /> small/index.gif</a>
473 <br /><a href="small/index.png"><img class="blackico" src="small/index.png" 
474   /><img class="whiteico" src="small/index.png" /> small/index.png</a></td>
475</tr>
476<tr><td colspan="4">This might represent a WAIS index or search facility.</td>
477</tr>
478
479<tr>
480<td width="25%">
481 <a href="small/key.gif"><img class="blackico" src="small/key.gif" 
482   /><img class="whiteico" src="small/key.gif" /> small/key.gif</a>
483 <br /><a href="small/key.png"><img class="blackico" src="small/key.png" 
484   /><img class="whiteico" src="small/key.png" /> small/key.png</a></td>
485</tr>
486<tr><td colspan="4">This might represent a locked file.</td>
487</tr>
488
489<tr>
490<td width="25%">
491 <a href="layout.gif"><img class="blackico" src="layout.gif" 
492   /><img class="whiteico" src="layout.gif" /> layout.gif</a>
493 <br /><a href="layout.png"><img class="blackico" src="layout.png" 
494   /><img class="whiteico" src="layout.png" /> layout.png</a></td>
495</tr>
496<tr><td colspan="4">This might represent files and formats that contain
497graphics as well as text layout, such as HTML and PDF files.</td>
498</tr>
499
500<tr>
501<td width="25%">
502 <a href="link.gif"><img class="blackico" src="link.gif" 
503   /><img class="whiteico" src="link.gif" /> link.gif</a>
504 <br /><a href="link.png"><img class="blackico" src="link.png" 
505   /><img class="whiteico" src="link.png" /> link.png</a></td>
506</tr>
507<tr><td colspan="4">This might represent files that are symbolic links.</td>
508</tr>
509
510<tr>
511<td width="25%">
512 <a href="movie.gif"><img class="blackico" src="movie.gif" 
513   /><img class="whiteico" src="movie.gif" /> movie.gif</a>
514 <br /><a href="movie.png"><img class="blackico" src="movie.png" 
515   /><img class="whiteico" src="movie.png" /> movie.png</a></td>
516<td width="25%">
517 <a href="small/movie.gif"><img class="blackico" src="small/movie.gif" 
518   /><img class="whiteico" src="small/movie.gif" /> small/movie.gif</a>
519 <br /><a href="small/movie.png"><img class="blackico" src="small/movie.png" 
520   /><img class="whiteico" src="small/movie.png" /> small/movie.png</a></td>
521</tr>
522<tr><td colspan="4">This can represent various movie formats.</td>
523</tr>
524
525<tr>
526<td width="25%">
527 <a href="p.gif"><img class="blackico" src="p.gif" 
528   /><img class="whiteico" src="p.gif" /> p.gif</a>
529 <br /><a href="p.png"><img class="blackico" src="p.png" 
530   /><img class="whiteico" src="p.png" /> p.png</a></td>
531</tr>
532<tr><td colspan="4">This may stand for Perl or Python source code.</td>
533</tr>
534
535<tr>
536<td width="25%">
537 <a href="pie0.gif"><img class="blackico" src="pie0.gif" 
538   /><img class="whiteico" src="pie0.gif" /> pie0.gif</a>
539 <br /><a href="pie1.png"><img class="blackico" src="pie0.png" 
540   /><img class="whiteico" src="pie0.png" /> pie0.png</a></td>
541<td width="25%">
542 <a href="pie1.gif"><img class="blackico" src="pie1.gif" 
543   /><img class="whiteico" src="pie1.gif" /> pie1.gif</a>
544 <br /><a href="pie1.png"><img class="blackico" src="pie1.png" 
545   /><img class="whiteico" src="pie1.png" /> pie1.png</a></td>
546<td width="25%">
547 <a href="pie2.gif"><img class="blackico" src="pie2.gif" 
548   /><img class="whiteico" src="pie2.gif" /> pie2.gif</a>
549 <br /><a href="pie2.png"><img class="blackico" src="pie2.png" 
550   /><img class="whiteico" src="pie2.png" /> pie2.png</a></td>
551<td width="25%">
552 <a href="pie3.gif"><img class="blackico" src="pie3.gif" 
553   /><img class="whiteico" src="pie3.gif" /> pie3.gif</a>
554 <br /><a href="pie3.png"><img class="blackico" src="pie3.png" 
555   /><img class="whiteico" src="pie3.png" /> pie3.png</a></td>
556</tr><tr>
557<td width="25%">
558 <a href="pie4.gif"><img class="blackico" src="pie4.gif" 
559   /><img class="whiteico" src="pie4.gif" /> pie4.gif</a>
560 <br /><a href="pie4.png"><img class="blackico" src="pie4.png" 
561   /><img class="whiteico" src="pie4.png" /> pie4.png</a></td>
562<td width="25%">
563 <a href="pie5.gif"><img class="blackico" src="pie5.gif" 
564   /><img class="whiteico" src="pie5.gif" /> pie5.gif</a>
565 <br /><a href="pie5.png"><img class="blackico" src="pie5.png" 
566   /><img class="whiteico" src="pie5.png" /> pie5.png</a></td>
567<td width="25%">
568 <a href="pie6.gif"><img class="blackico" src="pie6.gif" 
569   /><img class="whiteico" src="pie6.gif" /> pie6.gif</a>
570 <br /><a href="pie6.png"><img class="blackico" src="pie6.png" 
571   /><img class="whiteico" src="pie6.png" /> pie6.png</a></td>
572<td width="25%">
573 <a href="pie7.gif"><img class="blackico" src="pie7.gif" 
574   /><img class="whiteico" src="pie7.gif" /> pie7.gif</a>
575 <br /><a href="pie7.png"><img class="blackico" src="pie7.png" 
576   /><img class="whiteico" src="pie7.png" /> pie7.png</a></td>
577</tr><tr>
578<td width="25%">
579 <a href="pie8.gif"><img class="blackico" src="pie8.gif" 
580   /><img class="whiteico" src="pie8.gif" /> pie8.gif</a>
581 <br /><a href="pie8.png"><img class="blackico" src="pie8.png" 
582   /><img class="whiteico" src="pie8.png" /> pie8.png</a></td>
583</tr>
584<tr><td colspan="4">These icons can be used in applications where a list of
585documents is returned from a search. The little pie chart images
586can denote how relevant the documents may be to your search query.</td>
587</tr>
588
589<tr>
590<td width="25%">
591 <a href="patch.gif"><img class="blackico" src="patch.gif" 
592   /><img class="whiteico" src="patch.gif" /> patch.gif</a>
593 <br /><a href="patch.png"><img class="blackico" src="patch.png" 
594   /><img class="whiteico" src="patch.png" /> patch.png</a></td>
595<td width="25%">
596 <a href="small/patch.gif"><img class="blackico" src="small/patch.gif" 
597   /><img class="whiteico" src="small/patch.gif" /> small/patch.gif</a>
598 <br /><a href="small/patch.png"><img class="blackico" src="small/patch.png" 
599   /><img class="whiteico" src="small/patch.png" /> small/patch.png</a></td>
600</tr>
601<tr><td colspan="4">This may stand for patches and diff files.</td>
602</tr>
603
604<tr>
605<td width="25%">
606 <a href="portal.gif"><img class="blackico" src="portal.gif" 
607   /><img class="whiteico" src="portal.gif" /> portal.gif</a>
608 <br /><a href="portal.png"><img class="blackico" src="portal.png" 
609   /><img class="whiteico" src="portal.png" /> portal.png</a></td>
610</tr>
611<tr><td colspan="4">This might be a link to an online service or a 3D
612world.</td>
613</tr>
614
615<tr>
616<td width="25%">
617 <a href="pdf.gif"><img class="blackico" src="pdf.gif" 
618   /><img class="whiteico" src="pdf.gif" /> pdf.gif</a>
619 <br /><a href="pdf.png"><img class="blackico" src="pdf.png" 
620   /><img class="whiteico" src="pdf.png" /> pdf.png</a></td>
621<td width="25%">
622 <a href="ps.gif"><img class="blackico" src="ps.gif" 
623   /><img class="whiteico" src="ps.gif" /> ps.gif</a>
624 <br /><a href="ps.png"><img class="blackico" src="ps.png" 
625   /><img class="whiteico" src="ps.png" /> ps.png</a></td>
626<td width="25%">
627 <a href="quill.gif"><img class="blackico" src="quill.gif" 
628   /><img class="whiteico" src="quill.gif" /> quill.gif</a>
629 <br /><a href="quill.png"><img class="blackico" src="quill.png" 
630   /><img class="whiteico" src="quill.png" /> quill.png</a></td>
631<td width="25%">
632 <a href="small/ps.gif"><img class="blackico" src="small/ps.gif" 
633   /><img class="whiteico" src="small/ps.gif" /> small/ps.gif</a>
634 <br /><a href="small/ps.png"><img class="blackico" src="small/ps.png" 
635   /><img class="whiteico" src="small/ps.png" /> small/ps.png</a></td>
636</tr>
637<tr><td colspan="4">These may represent PDF and PostScript files.</td>
638</tr>
639
640<tr>
641<td width="25%">
642 <a href="screw1.gif"><img class="blackico" src="screw1.gif" 
643   /><img class="whiteico" src="screw1.gif" /> screw1.gif</a>
644 <br /><a href="screw1.png"><img class="blackico" src="screw1.png" 
645   /><img class="whiteico" src="screw1.png" /> screw1.png</a></td>
646<td width="25%">
647 <a href="screw2.gif"><img class="blackico" src="screw2.gif" 
648   /><img class="whiteico" src="screw2.gif" /> screw2.gif</a>
649 <br /><a href="screw2.png"><img class="blackico" src="screw2.png" 
650   /><img class="whiteico" src="screw2.png" /> screw2.png</a></td>
651</tr>
652<tr><td colspan="4">These may represent CAD or engineering data and
653formats.</td>
654</tr>
655
656<tr>
657<td width="25%">
658 <a href="script.gif"><img class="blackico" src="script.gif" 
659   /><img class="whiteico" src="script.gif" /> script.gif</a>
660 <br /><a href="script.png"><img class="blackico" src="script.png" 
661   /><img class="whiteico" src="script.png" /> script.png</a></td>
662</tr>
663<tr><td colspan="4">This can represent any of various interpreted languages,
664such as Perl, python, TCL, and shell scripts, as well as server configuration
665files.</td>
666</tr>
667
668<tr>
669<td width="25%">
670 <a href="sound1.gif"><img class="blackico" src="sound1.gif" 
671   /><img class="whiteico" src="sound1.gif" /> sound1.gif</a>
672 <br /><a href="sound1.png"><img class="blackico" src="sound1.png" 
673   /><img class="whiteico" src="sound1.png" /> sound1.png</a></td>
674<td width="25%">
675 <a href="sound2.gif"><img class="blackico" src="sound2.gif" 
676   /><img class="whiteico" src="sound2.gif" /> sound2.gif</a>
677 <br /><a href="sound2.png"><img class="blackico" src="sound2.png" 
678   /><img class="whiteico" src="sound2.png" /> sound2.png</a></td>
679<td width="25%">
680 <a href="small/sound.gif"><img class="blackico" src="small/sound.gif" 
681   /><img class="whiteico" src="small/sound.gif" /> small/sound.gif</a>
682 <br /><a href="small/sound.png"><img class="blackico" src="small/sound.png" 
683   /><img class="whiteico" src="small/sound.png" /> small/sound.png</a></td>
684<td width="25%">
685 <a href="small/sound2.gif"><img class="blackico" src="small/sound2.gif" 
686   /><img class="whiteico" src="small/sound2.gif" /> small/sound2.gif</a>
687 <br /><a href="small/sound2.png"><img class="blackico" src="small/sound2.png" 
688   /><img class="whiteico" src="small/sound2.png" /> small/sound2.png</a></td>
689</tr>
690<tr><td colspan="4">These can represent sound files.</td>
691</tr>
692
693<tr>
694<td width="25%">
695 <a href="sphere1.gif"><img class="blackico" src="sphere1.gif" 
696   /><img class="whiteico" src="sphere1.gif" /> sphere1.gif</a>
697 <br /><a href="sphere1.png"><img class="blackico" src="sphere1.png" 
698   /><img class="whiteico" src="sphere1.png" /> sphere1.png</a></td>
699<td width="25%">
700 <a href="sphere2.gif"><img class="blackico" src="sphere2.gif" 
701   /><img class="whiteico" src="sphere2.gif" /> sphere2.gif</a>
702 <br /><a href="sphere2.png"><img class="blackico" src="sphere2.png" 
703   /><img class="whiteico" src="sphere2.png" /> sphere2.png</a></td>
704</tr>
705<tr><td colspan="4">These can represent 3D worlds or rendering applications and
706formats.</td>
707</tr>
708
709<tr>
710<td width="25%">
711 <a href="tar.gif"><img class="blackico" src="tar.gif" 
712   /><img class="whiteico" src="tar.gif" /> tar.gif</a>
713 <br /><a href="tar.png"><img class="blackico" src="tar.png" 
714   /><img class="whiteico" src="tar.png" /> tar.png</a></td>
715<td width="25%">
716 <a href="small/tar.gif"><img class="blackico" src="small/tar.gif" 
717   /><img class="whiteico" src="small/tar.gif" /> small/tar.gif</a>
718 <br /><a href="small/tar.png"><img class="blackico" src="small/tar.png" 
719   /><img class="whiteico" src="small/tar.png" /> small/tar.png</a></td>
720</tr>
721<tr><td colspan="4">This can represent TAR archive files.</td>
722</tr>
723
724<tr>
725<td width="25%">
726 <a href="tex.gif"><img class="blackico" src="tex.gif" 
727   /><img class="whiteico" src="tex.gif" /> tex.gif</a>
728 <br /><a href="tex.png"><img class="blackico" src="tex.png" 
729   /><img class="whiteico" src="tex.png" /> tex.png</a></td>
730</tr>
731<tr><td colspan="4">This can represent TeX files.</td>
732</tr>
733
734<tr>
735<td width="25%">
736 <a href="text.gif"><img class="blackico" src="text.gif" 
737   /><img class="whiteico" src="text.gif" /> text.gif</a>
738 <br /><a href="text.png"><img class="blackico" src="text.png" 
739   /><img class="whiteico" src="text.png" /> text.png</a></td>
740<td width="25%">
741 <a href="small/text.gif"><img class="blackico" src="small/text.gif" 
742   /><img class="whiteico" src="small/text.gif" /> small/text.gif</a>
743 <br /><a href="small/text.png"><img class="blackico" src="small/text.png" 
744   /><img class="whiteico" src="small/text.png" /> small/text.png</a></td>
745</tr>
746<tr><td colspan="4">This can represent generic (plain) text files.</td>
747</tr>
748
749<tr>
750<td width="25%">
751 <a href="transfer.gif"><img class="blackico" src="transfer.gif" 
752   /><img class="whiteico" src="transfer.gif" /> transfer.gif</a>
753 <br /><a href="transfer.png"><img class="blackico" src="transfer.png" 
754   /><img class="whiteico" src="transfer.png" /> transfer.png</a></td>
755<td width="25%">
756 <a href="small/transfer.gif"><img class="blackico" src="small/transfer.gif" 
757   /><img class="whiteico" src="small/transfer.gif" /> small/transfer.gif</a>
758 <br /><a href="small/transfer.png"><img class="blackico" src="small/transfer.png" 
759   /><img class="whiteico" src="small/transfer.png" /> small/transfer.png</a></td>
760</tr>
761<tr><td colspan="4">This can represent FTP transfers or uploads/downloads.</td>
762</tr>
763
764<tr>
765<td width="25%">
766 <a href="unknown.gif"><img class="blackico" src="unknown.gif" 
767   /><img class="whiteico" src="unknown.gif" /> unknown.gif</a>
768 <br /><a href="unknown.png"><img class="blackico" src="unknown.png" 
769   /><img class="whiteico" src="unknown.png" /> unknown.png</a></td>
770<td width="25%">
771 <a href="small/unknown.gif"><img class="blackico" src="small/unknown.gif" 
772   /><img class="whiteico" src="small/unknown.gif" /> small/unknown.gif</a>
773 <br /><a href="small/unknown.png"><img class="blackico" src="small/unknown.png" 
774   /><img class="whiteico" src="small/unknown.png" /> small/unknown.png</a></td>
775</tr>
776<tr><td colspan="4">This may represent a file of an unknown type.</td>
777</tr>
778
779<tr>
780<td width="25%">
781 <a href="uu.gif"><img class="blackico" src="uu.gif" 
782   /><img class="whiteico" src="uu.gif" /> uu.gif</a>
783 <br /><a href="uu.png"><img class="blackico" src="uu.png" 
784   /><img class="whiteico" src="uu.png" /> uu.png</a></td>
785<td width="25%">
786 <a href="uuencoded.gif"><img class="blackico" src="uuencoded.gif" 
787   /><img class="whiteico" src="uuencoded.gif" /> uuencoded.gif</a>
788 <br /><a href="uuencoded.png"><img class="blackico" src="uuencoded.png" 
789   /><img class="whiteico" src="uuencoded.png" /> uuencoded.png</a></td>
790<td width="25%">
791 <a href="small/uu.gif"><img class="blackico" src="small/uu.gif" 
792   /><img class="whiteico" src="small/uu.gif" /> small/uu.gif</a>
793 <br /><a href="small/uu.png"><img class="blackico" src="small/uu.png" 
794   /><img class="whiteico" src="small/uu.png" /> small/uu.png</a></td>
795</tr>
796<tr><td colspan="4">This can stand for uuencoded data.</td>
797</tr>
798
799<tr>
800<td width="25%">
801 <a href="world1.gif"><img class="blackico" src="world1.gif" 
802   /><img class="whiteico" src="world1.gif" /> world1.gif</a>
803 <br /><a href="world1.png"><img class="blackico" src="world1.png" 
804   /><img class="whiteico" src="world1.png" /> world1.png</a></td>
805<td width="25%">
806 <a href="world2.gif"><img class="blackico" src="world2.gif" 
807   /><img class="whiteico" src="world2.gif" /> world2.gif</a>
808 <br /><a href="world2.png"><img class="blackico" src="world2.png" 
809   /><img class="whiteico" src="world2.png" /> world2.png</a></td>
810</tr>
811<tr><td colspan="4">These can represent 3D worlds or other 3D formats.</td>
812</tr>
813</table>
814</body>
815</html>
816