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.
I paid to license many of the icons used in these sets. Donations are appreciated.

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 either 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>

If you prefer, you may also use .fiv-size-md, .fiv-size-lg and .fiv-size-xl to modify the icon sizes:

<span class="fiv-viv fiv-icon-pdf fiv-size-lg"></span>

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.

Future Items

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

Legal Stuff

Required Attribution

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

The Apache Un-License

The Apache Software Foundation denied my request to use their "orb" logo for the vivid set. The icon used for the classic set it licensed MIT, but it doesn't work well with the vivid design. As such, I used similar generic icons for ClosedOffice on the vivid set as I did for Microsoft.

3.5 KiB Raw Blame History