Sample Page for the Oxygen File-type Icons Project

Welcome to the Oxygen File-type Icons Project: a distribution of 190 icons in PNG image format. Each icon comes in five sizes (16×16, 22×22, 32×32, 48×48 and 64×64 pixels) and can be used by web servers and web authors to indicate the type of a file.

You can use any of the file-type icons in your web pages by using the standard HTML <img> element. For best effect, the image should sit either on the baseline or slightly below it. This can be done in one of two ways:

  1. You can use the standard HTML Transitional align="bottom" attribute and value, as shown:

    <img src="file-type-icon-NNxNN.png" alt="[TYPE]" width="NN" height="NN" align="bottom">
    

    The variable NN, of course, refers to the icon size: 16, 22, 32, 48 or 64.

  2. (Preferred) You can use the XHTML Strict class="iconNN" for NN×NN pixel icons with a suitable CSS definition:

    <img src="file-type-icon-NNxNN.png" alt="[TYPE]" width="NN" height="NN" class="iconNN" />
    

    At a minimum, the CSS definition should read:

    img.icon16 { vertical-align: -2px; margin: 0; padding: 0; border: none }
    img.icon22 { vertical-align: -4px; margin: 0; padding: 0; border: none }
    img.icon32 { vertical-align: -4px; margin: 0; padding: 0; border: none }
    img.icon48 { vertical-align: -4px; margin: 0; padding: 0; border: none }
    img.icon64 { vertical-align: -4px; margin: 0; padding: 0; border: none }
    

    Note that the icon image will be displayed slightly below the text baseline for best effect; the values -2px and -4px may need to be tweaked, depending on the fonts you use. You can also use baseline if you wish.

When using the file-type icons for hyperlinks, you should actually use two <a> elements: one for the image, and one for the text. For example, [HTML] sample.html (20 KB) or [HTML] Sample Page (20 KB). This prevents the space between the image and the hyperlink text from being underlined. Omitting attribute values for clarity, this means you should write HTML code similar to the following:

<a><img /></a>&nbsp;<a>text</a> (size)

The icons in this distribution were derived from the Oxygen icons available in KDE 4.0 and later. They are distributed under the terms of the GNU Lesser General Public License, version 3 or later. Each icon has been hand-optimised for use on web pages.

File Types

The following icons may be used to represent file types:

[ADR] file-addressbook.png: Address book
[TAR] file-archive.png: Archive or package
[ZIP] file-archive-compressed.png: Compressed archive
[DEB] file-archive-deb.png: Debian package archive
[JAR] file-archive-jar.png: Java archive
[RPM] file-archive-rpm.png: RPM package archive
[TGZ] file-archive-tgz.png: Gzipped-TAR archive
[WAV] file-audio.png: Full-quality (raw) audio file
[MID] file-audio-midi.png: MIDI audio file
[OGG] file-audio-sampled.png: Sampled (compressed) audio file
[SPX] file-audio-voice.png: Voice-quality compressed audio file
[BIN] file-binary.png: Binary file
[BLE] file-blender.png: Blender document
[ERR] file-broken.png: Broken or incomplete file
[DGN] file-cad-design.png: Computer Aided Design (CAD) design
[DWG] file-cad-drawing.png: Computer Aided Design (CAD) drawing
[CAL] file-calendar.png: Calendar
[CDA] file-cdaudio.png: Compact Disc audio file
[ISO] file-cdimage.png: CD-ROM or other optical media image
[CHM] file-chm.png: Compiled HTML Help file
[GZ] file-compressed.png: Compressed file
[VCF] file-contact.png: Contact resource
[CSS] file-css.png: Cascading style sheet (CSS) file
[CSV] file-csv.png: Comma-separated values (CSV) file
[CUE] file-cue.png: CD-ROM mastering cue file
[UI] file-designer.png: Designer document
[PEM] file-digital-certificate.png: Digital certificate
[ENC] file-digital-encrypted.png: Encrypted file
[GPG] file-digital-keys.png: Digital encryption/decryption keys
[PGP] file-digital-pgp.png: PGP encrypted file
[ASC] file-digital-signature.png: Digital signature
[DNG] file-dneg.png: Digital negative or raw image
[DOC] file-document.png: Generic document
[DNL] file-download.png: Download list
[DTD] file-dtd.png: Document Type Definition (DTD) file
[EPB] file-ebook.png: Electronic book
[ELC] file-electronics.png: Electronics design file
[ELP] file-electronics-part.png: Electronics component (part) file
[NUL] file-empty.png: Empty file
[ETX] file-enriched.png: Enriched text file
[EPS] file-eps.png: Encapsulated PostScript file
[EXE] file-exec.png: Executable application
[COM] file-exec-dos.png: MS-DOS executable application
[CLA] file-exec-java.png: Java application
[JVA] file-exec-java-applet.png: Java applet
[BAT] file-exec-script.png: Executable script
[KVT] file-flashcards.png: Open KVTML flashcards
[PCF] file-font-bitmap.png: Bitmap font
[OTF] file-font-otf.png: OpenType scalable font
[TTF] file-font-ttf.png: TrueType scalable font
[PFB] file-font-type1.png: Type 1 PostScript font
[ANY] file-generic.png: Generic file
[KML] file-googleearth.png: Google Earth KML file
[HTM] file-html.png: HTML document
[ICC] file-iccprofile.png: ICC colour profile
[AI] file-illustrator.png: Adobe Illustrator document
[PNG] file-image.png: Graphics image
[INF] file-info.png: Texinfo or Info document
[LDP] file-ldap.png: LDAP directory data file
[LY] file-lilypond.png: LilyPond document
[LOC] file-location.png: Latitude/longitude location on Earth
[LYX] file-lyx.png: LyX document
[MAN] file-man.png: Manual page
[MML] file-mathml.png: MathML document
[MBX] file-message.png: E-mail message
[MBX] file-message-partial.png: Partial e-mail message
[ERR] file-missing.png: Missing file
[MDB] file-ms-access.png: Microsoft Access database document
[XLS] file-ms-excel.png: Microsoft Excel document
[PPT] file-ms-powerpoint.png: Microsoft Powerpoint document
[DOC] file-ms-word.png: Microsoft Word document
[DOT] file-ms-word-template.png: Microsoft Word template
[WRI] file-ms-write.png: Microsoft Write document
[MLT] file-multiple.png: Multiple files
[NEW] file-news.png: News file
[NZB] file-news-index.png: NNTP News index (NZB) file
[ODC] file-od-chart.png: OpenDocument chart document
[ODB] file-od-database.png: OpenDocument database document
[ODF] file-od-formula.png: OpenDocument formula document
[OTF] file-od-formula-template.png: OpenDocument formula template
[ODG] file-od-graphics.png: OpenDocument graphics document
[ODI] file-od-image.png: OpenDocument image document
[OTI] file-od-image-template.png: OpenDocument image template
[ODP] file-od-presentation.png: OpenDocument presentation document
[OTP] file-od-presentation-template.png: OpenDocument presentation template
[ODS] file-od-spreadsheet.png: OpenDocument spreadsheet document
[OTS] file-od-spreadsheet-template.png: OpenDocument spreadsheet template
[ODT] file-od-text.png: OpenDocument text document
[OTT] file-od-text-template.png: OpenDocument text template
[DIF] file-patch.png: Patch or diff file
[PDF] file-pdf.png: Portable Document Format file
[PLG] file-plugin.png: Plugin
[POD] file-podcast.png: Podcast
[PS] file-postscript.png: PostScript document
[PSZ] file-postscript-compressed.png: Compressed PostScript document
[PRJ] file-project.png: Project management document
[RDF] file-rdf.png: Resource Description Framework file
[BAK] file-recycle.png: Backup or recycled file
[RSS] file-rss.png: Really Simple Syndication file
[RTF] file-rtf.png: Rich Text Format (RTF) document
[SCB] file-scribus.png: Scribus document
[SGM] file-sgml.png: SGML document
[ADA] file-source-ada.png: Ada source code
[AWK] file-source-awk.png: AWK source code
[C] file-source-c.png: C source code
[H] file-source-c-hdr.png: C header source code
[CMK] file-source-cmake.png: CMake source file
[CPP] file-source-cpp.png: C++ source code
[HPP] file-source-cpp-hdr.png: C++ header source code
[CS] file-source-csharp.png: C# source code
[BAT] file-source-exec.png: Source code for executable scripts
[HS] file-source-haskell.png: Haskell source code
[JAV] file-source-java.png: Java source code
[JS] file-source-javascript.png: Javascript source code
[MAK] file-source-make.png: Makefile source file
[PAS] file-source-pascal.png: Pascal or Delphi source code
[PL] file-source-perl.png: Perl source code
[PHP] file-source-php.png: PHP source code
[PLS] file-source-plasma.png: KDE Plasma source code
[PO] file-source-po.png: Internationalisation (PO) source file
[PY] file-source-python.png: Python source code
[QML] file-source-qml.png: QML source code
[SPC] file-source-rpmspec.png: RPM specification source file
[RB] file-source-ruby.png: Ruby source code
[BAT] file-source-script.png: Source code for scripts
[SH] file-source-shell.png: Shell script source code
[SQL] file-source-sql.png: SQL source code
[TCL] file-source-tcl.png: TCL source code
[SRT] file-subrip.png: Subrip file
[SRT] file-subrip-titles.png: Subrip titles
[SXW] file-sxw.png: Staroffice Writer document
[TEX] file-tex.png: TeX document
[TXT] file-text.png: Plain text file
[TXT] file-text-authors.png: Authors text file
[TXT] file-text-changelog.png: Changelog text file
[TXT] file-text-copying.png: Copying text file
[TXT] file-text-generic.png: Generic text file
[HEX] file-text-hex.png: Hexadecimal text file
[INS] file-text-install.png: Install text file
[LOG] file-text-log.png: Log text file
[TXT] file-text-readme.png: Readme text file
[TOR] file-torrent.png: Torrent metadata
[TR] file-troff.png: TROFF document
[UNK] file-unknown.png: Unknown file
[URL] file-url.png: URL specification
[ISC] file-vcalendar.png: VCalendar resource
[VCF] file-vcard.png: VCard resource
[SVG] file-vector.png: Vector graphics
[SVG] file-vector-compressed.png: Compressed vector graphics
[VID] file-video.png: Video
[WPD] file-wordperfect.png: WordPerfect document
[WEB] file-world.png: Web-centric document
[HTM] file-xhtml.png: XHTML document
[XML] file-xml.png: XML document
[XML] file-xml-app.png: XML application
[XSL] file-xml-support.png: XML supporting file

Folder Types

The following icons may be used to represent directory folders:

[Dir] folder.png: Directory folder
[Home] folder-home.png: Home directory folder
[Dir] folder-star.png: Directory for favourites or bookmarks
[World] folder-world.png: Directory for external locations
[Mail] folder-mail.png: Directory for mail messages
[Dir] folder-open.png: Open directory folder
[Dir] folder-important.png: Important directory folder
[Dir] folder-locked.png: Locked directory folder
[Dir] folder-black.png: Directory folder, coloured black
[Dir] folder-blue.png: Directory folder, coloured blue
[Dir] folder-brown.png: Directory folder, coloured brown
[Dir] folder-cyan.png: Directory folder, coloured cyan
[Dir] folder-green.png: Directory folder, coloured green
[Dir] folder-grey.png: Directory folder, coloured grey
[Dir] folder-orange.png: Directory folder, coloured orange
[Dir] folder-red.png: Directory folder, coloured red
[Dir] folder-violet.png: Directory folder, coloured violet
[Dir] folder-yellow.png: Directory folder, coloured yellow

Link and Root Directory Types

The following icons may be used to represent the root of a directory structure, or links to other locations:

[Home] home.png: Home location
[Star] star.png: Favourite, bookmark or top location
[Help] help.png: Help documentation
[Help] help-book.png: Help book documentation
[Drive] drive-internal.png: Hard drive (internal)
[Drive] drive-portable.png: Portable hard drive
[USB] drive-usb.png: USB pen drive
[Floppy] floppy.png: Floppy disk
[CDROM] cdrom.png: CD-ROM or other optical media
[World] world.png: The World (for external locations)
[Mail] mail.png: Mail message

Directions and Miscellaneous

You never really know when you might need the following icons:

[Left] left.png: Left arrow
[Right] right.png: Right arrow
[Up] up.png: Up arrow
[Down] down.png: Down arrow
[Blank] blank.png: Blank icon

Larger Icons

Each icon is available in five sizes: 16×16, 22×22, 32×32, 48×48 and 64×64 pixels:

16×16 pixels:

[ADR] [TAR] [ZIP] [DEB] [JAR] [RPM] [TGZ] [WAV] [MID] [OGG] [SPX] [BIN] [BLE] [ERR] [DGN] [DWG] [CAL] [CDA] [ISO] [CHM] [GZ] [VCF] [CSS] [CSV] [CUE] [UI] [PEM] [ENC] [GPG] [PGP] [ASC] [DNG] [DOC] [DNL] [DTD] [EPB] [ELC] [ELP] [NUL] [ETX] [EPS] [EXE] [COM] [CLA] [JVA] [BAT] [KVT] [PCF] [OTF] [TTF] [PFB] [ANY] [KML] [HTM] [ICC] [AI] [PNG] [INF] [LDP] [LY] [LOC] [LYX] [MAN] [MML] [MBX] [MBX] [ERR] [MDB] [XLS] [PPT] [DOC] [DOT] [WRI] [MLT] [NEW] [NZB] [ODC] [ODB] [ODF] [OTF] [ODG] [ODI] [OTI] [ODP] [OTP] [ODS] [OTS] [ODT] [OTT] [DIF] [PDF] [PLG] [POD] [PS] [PSZ] [PRJ] [RDF] [BAK] [RSS] [RTF] [SCB] [SGM] [ADA] [AWK] [C] [H] [CMK] [CPP] [HPP] [CS] [BAT] [HS] [JAV] [JS] [MAK] [PAS] [PL] [PHP] [PLS] [PO] [PY] [QML] [SPC] [RB] [BAT] [SH] [SQL] [TCL] [SRT] [SRT] [SXW] [TEX] [TXT] [TXT] [TXT] [TXT] [TXT] [HEX] [INS] [LOG] [TXT] [TOR] [TR] [UNK] [URL] [ISC] [VCF] [SVG] [SVG] [VID] [WPD] [WEB] [HTM] [XML] [XML] [XSL] [Dir] [Home] [Dir] [World] [Mail] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Home] [Star] [Help] [Help] [Drive] [Drive] [USB] [Floppy] [CDROM] [World] [Mail] [Left] [Right] [Up] [Down] [Blank]

22×22 pixels:

[ADR] [TAR] [ZIP] [DEB] [JAR] [RPM] [TGZ] [WAV] [MID] [OGG] [SPX] [BIN] [BLE] [ERR] [DGN] [DWG] [CAL] [CDA] [ISO] [CHM] [GZ] [VCF] [CSS] [CSV] [CUE] [UI] [PEM] [ENC] [GPG] [PGP] [ASC] [DNG] [DOC] [DNL] [DTD] [EPB] [ELC] [ELP] [NUL] [ETX] [EPS] [EXE] [COM] [CLA] [JVA] [BAT] [KVT] [PCF] [OTF] [TTF] [PFB] [ANY] [KML] [HTM] [ICC] [AI] [PNG] [INF] [LDP] [LY] [LOC] [LYX] [MAN] [MML] [MBX] [MBX] [ERR] [MDB] [XLS] [PPT] [DOC] [DOT] [WRI] [MLT] [NEW] [NZB] [ODC] [ODB] [ODF] [OTF] [ODG] [ODI] [OTI] [ODP] [OTP] [ODS] [OTS] [ODT] [OTT] [DIF] [PDF] [PLG] [POD] [PS] [PSZ] [PRJ] [RDF] [BAK] [RSS] [RTF] [SCB] [SGM] [ADA] [AWK] [C] [H] [CMK] [CPP] [HPP] [CS] [BAT] [HS] [JAV] [JS] [MAK] [PAS] [PL] [PHP] [PLS] [PO] [PY] [QML] [SPC] [RB] [BAT] [SH] [SQL] [TCL] [SRT] [SRT] [SXW] [TEX] [TXT] [TXT] [TXT] [TXT] [TXT] [HEX] [INS] [LOG] [TXT] [TOR] [TR] [UNK] [URL] [ISC] [VCF] [SVG] [SVG] [VID] [WPD] [WEB] [HTM] [XML] [XML] [XSL] [Dir] [Home] [Dir] [World] [Mail] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Home] [Star] [Help] [Help] [Drive] [Drive] [USB] [Floppy] [CDROM] [World] [Mail] [Left] [Right] [Up] [Down] [Blank]

32×32 pixels:

[ADR] [TAR] [ZIP] [DEB] [JAR] [RPM] [TGZ] [WAV] [MID] [OGG] [SPX] [BIN] [BLE] [ERR] [DGN] [DWG] [CAL] [CDA] [ISO] [CHM] [GZ] [VCF] [CSS] [CSV] [CUE] [UI] [PEM] [ENC] [GPG] [PGP] [ASC] [DNG] [DOC] [DNL] [DTD] [EPB] [ELC] [ELP] [NUL] [ETX] [EPS] [EXE] [COM] [CLA] [JVA] [BAT] [KVT] [PCF] [OTF] [TTF] [PFB] [ANY] [KML] [HTM] [ICC] [AI] [PNG] [INF] [LDP] [LY] [LOC] [LYX] [MAN] [MML] [MBX] [MBX] [ERR] [MDB] [XLS] [PPT] [DOC] [DOT] [WRI] [MLT] [NEW] [NZB] [ODC] [ODB] [ODF] [OTF] [ODG] [ODI] [OTI] [ODP] [OTP] [ODS] [OTS] [ODT] [OTT] [DIF] [PDF] [PLG] [POD] [PS] [PSZ] [PRJ] [RDF] [BAK] [RSS] [RTF] [SCB] [SGM] [ADA] [AWK] [C] [H] [CMK] [CPP] [HPP] [CS] [BAT] [HS] [JAV] [JS] [MAK] [PAS] [PL] [PHP] [PLS] [PO] [PY] [QML] [SPC] [RB] [BAT] [SH] [SQL] [TCL] [SRT] [SRT] [SXW] [TEX] [TXT] [TXT] [TXT] [TXT] [TXT] [HEX] [INS] [LOG] [TXT] [TOR] [TR] [UNK] [URL] [ISC] [VCF] [SVG] [SVG] [VID] [WPD] [WEB] [HTM] [XML] [XML] [XSL] [Dir] [Home] [Dir] [World] [Mail] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Home] [Star] [Help] [Help] [Drive] [Drive] [USB] [Floppy] [CDROM] [World] [Mail] [Left] [Right] [Up] [Down] [Blank]

48×48 pixels:

[ADR] [TAR] [ZIP] [DEB] [JAR] [RPM] [TGZ] [WAV] [MID] [OGG] [SPX] [BIN] [BLE] [ERR] [DGN] [DWG] [CAL] [CDA] [ISO] [CHM] [GZ] [VCF] [CSS] [CSV] [CUE] [UI] [PEM] [ENC] [GPG] [PGP] [ASC] [DNG] [DOC] [DNL] [DTD] [EPB] [ELC] [ELP] [NUL] [ETX] [EPS] [EXE] [COM] [CLA] [JVA] [BAT] [KVT] [PCF] [OTF] [TTF] [PFB] [ANY] [KML] [HTM] [ICC] [AI] [PNG] [INF] [LDP] [LY] [LOC] [LYX] [MAN] [MML] [MBX] [MBX] [ERR] [MDB] [XLS] [PPT] [DOC] [DOT] [WRI] [MLT] [NEW] [NZB] [ODC] [ODB] [ODF] [OTF] [ODG] [ODI] [OTI] [ODP] [OTP] [ODS] [OTS] [ODT] [OTT] [DIF] [PDF] [PLG] [POD] [PS] [PSZ] [PRJ] [RDF] [BAK] [RSS] [RTF] [SCB] [SGM] [ADA] [AWK] [C] [H] [CMK] [CPP] [HPP] [CS] [BAT] [HS] [JAV] [JS] [MAK] [PAS] [PL] [PHP] [PLS] [PO] [PY] [QML] [SPC] [RB] [BAT] [SH] [SQL] [TCL] [SRT] [SRT] [SXW] [TEX] [TXT] [TXT] [TXT] [TXT] [TXT] [HEX] [INS] [LOG] [TXT] [TOR] [TR] [UNK] [URL] [ISC] [VCF] [SVG] [SVG] [VID] [WPD] [WEB] [HTM] [XML] [XML] [XSL] [Dir] [Home] [Dir] [World] [Mail] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Home] [Star] [Help] [Help] [Drive] [Drive] [USB] [Floppy] [CDROM] [World] [Mail] [Left] [Right] [Up] [Down] [Blank]

64×64 pixels:

[ADR] [TAR] [ZIP] [DEB] [JAR] [RPM] [TGZ] [WAV] [MID] [OGG] [SPX] [BIN] [BLE] [ERR] [DGN] [DWG] [CAL] [CDA] [ISO] [CHM] [GZ] [VCF] [CSS] [CSV] [CUE] [UI] [PEM] [ENC] [GPG] [PGP] [ASC] [DNG] [DOC] [DNL] [DTD] [EPB] [ELC] [ELP] [NUL] [ETX] [EPS] [EXE] [COM] [CLA] [JVA] [BAT] [KVT] [PCF] [OTF] [TTF] [PFB] [ANY] [KML] [HTM] [ICC] [AI] [PNG] [INF] [LDP] [LY] [LOC] [LYX] [MAN] [MML] [MBX] [MBX] [ERR] [MDB] [XLS] [PPT] [DOC] [DOT] [WRI] [MLT] [NEW] [NZB] [ODC] [ODB] [ODF] [OTF] [ODG] [ODI] [OTI] [ODP] [OTP] [ODS] [OTS] [ODT] [OTT] [DIF] [PDF] [PLG] [POD] [PS] [PSZ] [PRJ] [RDF] [BAK] [RSS] [RTF] [SCB] [SGM] [ADA] [AWK] [C] [H] [CMK] [CPP] [HPP] [CS] [BAT] [HS] [JAV] [JS] [MAK] [PAS] [PL] [PHP] [PLS] [PO] [PY] [QML] [SPC] [RB] [BAT] [SH] [SQL] [TCL] [SRT] [SRT] [SXW] [TEX] [TXT] [TXT] [TXT] [TXT] [TXT] [HEX] [INS] [LOG] [TXT] [TOR] [TR] [UNK] [URL] [ISC] [VCF] [SVG] [SVG] [VID] [WPD] [WEB] [HTM] [XML] [XML] [XSL] [Dir] [Home] [Dir] [World] [Mail] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Dir] [Home] [Star] [Help] [Help] [Drive] [Drive] [USB] [Floppy] [CDROM] [World] [Mail] [Left] [Right] [Up] [Down] [Blank]

Copyright © 2012, John Zaitseff. Distributed under the terms of the GNU Lesser General Public License.
Last modified: 3rd May, 2012.