File Vector Icons

A collection of file type vector (SVG) icons.

This project is currently a work-in-progress.

If you have feedback, bugs or requests, please feel free to post them.

Usage

Currently, there are two icon sets in the icons directory - "Classic" (which expands on the Redbooth designs and "Vivid" (which borrows inspiration from Erlen Masson).

To uae, simply link to one or both of the CSS files in the css directory.

<link rel="stylesheet" href="css/file-icon-classic.css" />
<link rel="stylesheet" href="css/file-icon-vivid.css" />

From there, you can use CSS classes to display the icons:

<span class="fiv-cla fiv-icon-ppt"></span>
<span class="fiv-cla fiv-icon-xls"></span>
<span class="fiv-viv fiv-icon-pdf"></span>
<span class="fiv-viv fiv-icon-wav"></span>

Notice that the classes contain wither flv-cla for the Classic set or flv-viv for the Vivid set.

If you want to override the size of the icons, you can do so with CSS:

<style>
   .fiv-cla, .fiv-viv { font-size: 3em; }
</style>

Goals

Before I create an initial release and add these libraries to Packagist and Bower, I want to:

• Finish up missing icons in both sets.
• For now, the OpenOffice images will have generic icons, pending approval from the Apache Foundation to use their logo. Update: They are not cooperative.

Future Items

• Create a demo page for all sets
• Add the libraries to a CDN
• Add additional libraries, such as square icons, et al

Required Attribution

• Android icon made by Google via flaticon.com
• BitTorrent icon made by noshery from icons101.com (in the lowest quality possible)

Required Copyright

• The Apache OpenOffice "orb" logo is copyright The Apache Software Foundation

If there is an error or omission related to copyright/attribution contained in this repository, please let me know and I will rectify.