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

Licensing & Copyright

All original and derivative content is licensed under The MIT License with the following exceptions:

The Apache OpenOffice "orb" logo is licensed under the Apache License 2.0 and is copyright The Apache Software Foundation

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

Required Attribution

Android icon made by Google via flaticon.com
BitTorrent icon made by noshery from icons101.com

3.4 KiB Raw Blame History