README.html 36 KB

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