1
1
mirror of https://github.com/namibia/file-icon-vectors.git synced 2024-12-25 17:11:08 +00:00
Go to file
2017-09-25 17:36:46 -05:00
css Synced current icons between sets 2017-09-25 17:36:46 -05:00
icons Synced current icons between sets 2017-09-25 17:36:46 -05:00
sass Synced current icons between sets 2017-09-25 17:36:46 -05:00
.gitignore Added CSS file comment header 2017-09-23 14:14:39 -05:00
bower.json Minor changes 2017-09-23 02:57:52 -05:00
composer.json Minor changes 2017-09-23 02:57:52 -05:00
LICENSE Updated license 2017-09-16 00:26:09 -05:00
README.md Added INDD, vector formats; modified AUP 2017-09-24 15:53:01 -05:00

Author Donate License: MIT Total Downloads Bower Twitter

File Vector Icons

A collection of file type vector (SVG) icons.

This project is currently a work-in-progress.

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

Attribution