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:

Add additional Adobe Suite, Microsoft Office extensions

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

Attribution

Android icon made by Google via flaticon.com
Low-quality BitTorrent icon made by noshery from icons101.com
Low-quality GIMP Icon provided by Icons8 LLC

3.1 KiB Raw Blame History