css | ||
icons | ||
sass | ||
.gitignore | ||
bower.json | ||
composer.json | ||
LICENSE | ||
README.md |
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.
Future Items
- Create a demo page for all sets
- Add the libraries to a CDN
- Add additional libraries, such as square icons, et al
- Replace icons licensed under CC 3.0 BY. If you find them useful, donations are appreciated to assist in this matter.
- For now, the OpenOffice images will have generic icons, pending approval from the Apache Foundation to use their logo.
Licensing & Copyright
All original and derivative content is licensed under The MIT License with the following notable exceptions:
- Icons made by Freepik (listed below) are licensed under the CC 3.0 BY license.
- 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.
Attribution
The Noun Project
Many icons were used and modified in the creation of these sets from The Noun Project via Pro Membership.
Flaticon - flaticon.com
- Android icon made by Google
- DTD icon made by Freepik
- Publisher icon made by Freepik
- Firefox icon made by Freepik
Icons 101 - icons101.com
- BitTorrent icon made by noshery