octoleo/file-icon-vectors
1
1
Fork 0
mirror of https://github.com/namibia/file-icon-vectors.git synced 2024-11-16 17:25:14 +00:00
Code Issues Releases Activity

Added usage docs to README

Browse Source
This commit is contained in:
Daniel Hendricks 2017-09-23 02:18:06 -05:00
parent 700ad72291
commit 478d93dddf
2 changed files with 43 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -3,7 +3,6 @@ node_modules
*.bak *.bak
# Dev Dependencies # Dev Dependencies
sass/
dev/ dev/
src/ src/
package.json package.json

49
README.md
View File

@ -7,18 +7,55 @@
# File Vector Icons # File Vector Icons
A collection of file type vector (SVG) icons. Original designs/inspirations by [Redbooth](https://github.com/redbooth/free-file-icons) and [Erlen Masson](https://www.sketchappsources.com/svg-resource/1856-vector-file-type-icons-sketch-freebie-resource.html). A collection of file type vector (SVG) icons.
**This project is currently a work-in-progress.** **This project is currently a work-in-progress.**
If you have [feedback, bugs or requests](https://github.com/dmhendricks/file-icon-vectors/issues), please feel free to post them. If you have [feedback, bugs or requests](https://github.com/dmhendricks/file-icon-vectors/issues), please feel free to post them.
## TODO ## Usage
* Create initial SVGs Currently, there are two icon sets in the `icons` directory - "Classic" (which expands on the [Redbooth](https://github.com/redbooth/free-file-icons) designs and "Vivid" (which borrows inspiration from [Erlen Masson](https://www.sketchappsources.com/svg-resource/1856-vector-file-type-icons-sketch-freebie-resource.html)).
* Create SASS/CSS files
* Register with Packagist, Bower To uae, simply link to one or both of the CSS files in the `css` directory.
* Add to CDN
```
<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](http://creativecommons.org/licenses/by/3.0/). If you find them useful, [donations](https://paypal.me/danielhendricks) 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 ## Licensing & Copyright