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

Added folder icons

Browse Source
This commit is contained in:
Daniel Hendricks 2017-09-27 15:51:34 -05:00
parent be81e33b6e
commit 36deba7737
9 changed files with 66 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
README.md
View File

@ -14,6 +14,13 @@ A collection of file type vector (SVG) icons.
* If you have [feedback, bugs or requests](https://github.com/dmhendricks/file-icon-vectors/issues), please feel free to post them.
* I paid to license many of the icons used in these sets. [Donations](https://paypal.me/danielhendricks) are appreciated.
## Icon Sets
Currently, there are two icon sets in the `icons` directory:
* **Classic** - An expansion of the Redboot [free-file-icons](https://github.com/redbooth/free-file-icons) designs.
* **Vivid** - Inspired by [Erlen Masson](https://www.sketchappsources.com/svg-resource/1856-vector-file-type-icons-sketch-freebie-resource.html)
## Installation
To install via Composer:
@ -24,9 +31,7 @@ composer require dmhendricks/file-icon-vectors
## Usage
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)).
To uae, simply link to one or both of the CSS files in the `css` directory.
To display a file icon, simply link to one or both of the icon set CSS files in the `css` directory:
```
<link rel="stylesheet" href="css/file-icon-classic.css" />
@ -70,8 +75,13 @@ If you prefer, you may also use `.fiv-size-md`, `.fiv-size-lg` and `.fiv-size-xl
## Legal Stuff
All icons used in the creation of this library were licensed MIT or purchased royalty-free, with exceptions noted below.
If you feel that you have a copyright issue, please feel free to [post it](https://github.com/dmhendricks/file-icon-vectors/issues).
### Attribution
* [Android icon](https://www.flaticon.com/free-icon/android-logo_61120) made by [Google](https://www.flaticon.com/authors/google) via [flaticon.com](https://www.flaticon.com/)
* Low-quality [BitTorrent icon](http://www.icons101.com/icon/id_73504/setid_2388/Minimalist_Black_Icons__WIP_by_noshery/bittorrent) made by [noshery](http://www.icons101.com/artist/id_2388/noshery) from [icons101.com](http://www.icons101.com/)
* Low-quality [GIMP Icon](https://icons8.com/icon/39867/gimp#filled) provided by [Icons8 LLC](https://icons8.com/)
* [BitTorrent icon](http://www.icons101.com/icon/id_73504/setid_2388/Minimalist_Black_Icons__WIP_by_noshery/bittorrent) made by [noshery](http://www.icons101.com/artist/id_2388/noshery) from [icons101.com](http://www.icons101.com/)
* [GIMP Icon](https://icons8.com/icon/39867/gimp#filled) provided by [Icons8 LLC](https://icons8.com/)
* Vivid set [Folder Icon](https://www.iconfinder.com/icons/173016/close_folder_icon) made by [Snip Master](https://www.iconfinder.com/snipicons) from [Iconfinder](https://www.iconfinder.com)

4
css/file-icon-classic.css
View File

@ -391,6 +391,10 @@
background-image: url("../icons/classic/flv.svg");
}
.fiv-cla.fiv-icon-folder {
background-image: url("../icons/classic/folder.svg");
}
.fiv-cla.fiv-icon-gadget {
background-image: url("../icons/classic/gadget.svg");
}

4
css/file-icon-vivid.css
View File

@ -391,6 +391,10 @@
background-image: url("../icons/vivid/flv.svg");
}
.fiv-viv.fiv-icon-folder {
background-image: url("../icons/vivid/folder.svg");
}
.fiv-viv.fiv-icon-gadget {
background-image: url("../icons/vivid/gadget.svg");
}

2
icons/classic/catalog.json
View File

@ -1 +1 @@
["3g2","3ga","3gp","7z","aa","aac","accdb","accdt","adn","ai","aif","aifc","aiff","ait","amr","ani","apk","app","asax","ascx","asf","ash","ashx","asmx","asp","aspx","asx","au","aup","avi","axd","aze","bash","bat","bin","blank","bmp","bpg","browser","bz2","c","cab","caf","cal","cd","cer","class","cmd","com","compile","config","cpp","cr2","crt","crypt","cs","csh","csproj","css","csv","cue","dat","db","dbf","deb","dgn","dll","dmg","dng","doc","docb","docm","docx","dot","dotm","dotx","dpj","dtd","dwg","dxf","eot","eps","epub","exe","f4v","fax","fb2","fla","flac","flv","gadget","gem","gif","gitignore","gpg","gz","h","htm","html","ibooks","ico","ics","idx","iff","image","img","indd","inf","ini","iso","jar","java","jpe","jpeg","jpg","js","json","jsp","key","kf8","ksh","less","licx","lit","log","lua","m2v","m3u","m3u8","m4a","m4r","m4v","master","md","mdb","mdf","mid","midi","mkv","mobi","mov","mp2","mp3","mp4","mpa","mpd","mpe","mpeg","mpg","mpga","mpp","mpt","msi","msu","nef","nes","odb","odt","ogg","ogv","ost","otf","ott","ovf","p12","p7b","pages","part","pcd","pdb","pdf","pem","pfx","pgp","php","png","po","pot","potx","pps","ppsx","ppt","pptm","pptx","prop","ps","psd","psp","pst","pub","py","qt","ra","ram","rar","raw","rb","rdf","resx","rm","rpm","rtf","rub","sass","scss","sdf","sh","sitemap","skin","sldm","sldx","sln","sql","step","stl","svg","swd","swf","swift","sys","tar","tcsh","tex","tga","tgz","tif","tiff","torrent","ts","tsv","ttf","txt","udf","vb","vbproj","vcd","vcs","vdi","vmdk","vob","war","wav","wbk","webinfo","webm","webp","wma","wmf","wmv","woff","woff2","wsf","xaml","xcf","xlm","xls","xlsm","xlsx","xlt","xltm","xltx","xml","xpi","xps","xrb","xspf","xz","yml","z","zip","zsh"]
["3g2","3ga","3gp","7z","aa","aac","accdb","accdt","adn","ai","aif","aifc","aiff","ait","amr","ani","apk","app","asax","ascx","asf","ash","ashx","asmx","asp","aspx","asx","au","aup","avi","axd","aze","bash","bat","bin","blank","bmp","bpg","browser","bz2","c","cab","caf","cal","cd","cer","class","cmd","com","compile","config","cpp","cr2","crt","crypt","cs","csh","csproj","css","csv","cue","dat","db","dbf","deb","dgn","dll","dmg","dng","doc","docb","docm","docx","dot","dotm","dotx","dpj","dtd","dwg","dxf","eot","eps","epub","exe","f4v","fax","fb2","fla","flac","flv","folder","gadget","gem","gif","gitignore","gpg","gz","h","htm","html","ibooks","ico","ics","idx","iff","image","img","indd","inf","ini","iso","jar","java","jpe","jpeg","jpg","js","json","jsp","key","kf8","ksh","less","licx","lit","log","lua","m2v","m3u","m3u8","m4a","m4r","m4v","master","md","mdb","mdf","mid","midi","mkv","mobi","mov","mp2","mp3","mp4","mpa","mpd","mpe","mpeg","mpg","mpga","mpp","mpt","msi","msu","nef","nes","odb","odt","ogg","ogv","ost","otf","ott","ovf","p12","p7b","pages","part","pcd","pdb","pdf","pem","pfx","pgp","php","png","po","pot","potx","pps","ppsx","ppt","pptm","pptx","prop","ps","psd","psp","pst","pub","py","qt","ra","ram","rar","raw","rb","rdf","resx","rm","rpm","rtf","rub","sass","scss","sdf","sh","sitemap","skin","sldm","sldx","sln","sql","step","stl","svg","swd","swf","swift","sys","tar","tcsh","tex","tga","tgz","tif","tiff","torrent","ts","tsv","ttf","txt","udf","vb","vbproj","vcd","vcs","vdi","vmdk","vob","war","wav","wbk","webinfo","webm","webp","wma","wmf","wmv","woff","woff2","wsf","xaml","xcf","xlm","xls","xlsm","xlsx","xlt","xltm","xltx","xml","xpi","xps","xrb","xspf","xz","yml","z","zip","zsh"]

26
icons/classic/folder.svg Normal file
View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 72 55" style="enable-background:new 0 0 72 55;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);stroke:#434242;stroke-width:2;stroke-miterlimit:10;}
.st1{fill:url(#SVGID_2_);stroke:#434242;stroke-width:2;stroke-miterlimit:10;}
.st2{fill:#434242;stroke:#434242;stroke-width:2;stroke-miterlimit:10;}
</style>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="35.9432" y1="56.2097" x2="35.9432" y2="38.6641" gradientTransform="matrix(1 0 0 -1 0 57)">
<stop offset="0" style="stop-color:#FCFCFD"/>
<stop offset="1" style="stop-color:#FFFFFF"/>
</linearGradient>
<path class="st0" d="M2.6,18.3V2.5c0-0.9,0.7-1.7,1.7-1.7h23.3l6.7,5h33.3c0.9,0,1.7,0.8,1.7,1.7v10.9H2.6z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="35.9432" y1="54.2625" x2="35.9432" y2="9.9808">
<stop offset="0.1089" style="stop-color:#DEBE00"/>
<stop offset="0.5325" style="stop-color:#CFAD04"/>
<stop offset="1" style="stop-color:#A07802"/>
</linearGradient>
<path class="st1" d="M4.3,54.3h63.3c0.9,0,1.6-0.8,1.7-1.7l1.7-40.9c0-0.9-0.7-1.7-1.7-1.7h-25l-6.7,5h-35c-0.9,0-1.7,0.8-1.7,1.7
l1.7,35.9C2.7,53.5,3.4,54.3,4.3,54.3z"/>
<path class="st2" d="M7.6,4.1h18.3c0.9,0,1.7,0.8,1.7,1.7s-0.7,1.7-1.7,1.7H7.6c-0.9,0-1.7-0.8-1.7-1.7S6.7,4.1,7.6,4.1z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

2
icons/vivid/catalog.json
View File

@ -1 +1 @@
["3g2","3ga","3gp","7z","aa","aac","accdb","accdt","adn","ai","aif","aifc","aiff","ait","amr","ani","apk","app","asax","ascx","asf","ash","ashx","asmx","asp","aspx","asx","au","aup","avi","axd","aze","bash","bat","bin","blank","bmp","bpg","browser","bz2","c","cab","caf","cal","cd","cer","class","cmd","com","compile","config","cpp","cr2","crt","crypt","cs","csh","csproj","css","csv","cue","dat","db","dbf","deb","dgn","dll","dmg","dng","doc","docb","docm","docx","dot","dotm","dotx","dpj","dtd","dwg","dxf","eot","eps","epub","exe","f4v","fax","fb2","fla","flac","flv","gadget","gem","gif","gitignore","gpg","gz","h","htm","html","ibooks","ico","ics","idx","iff","image","img","indd","inf","ini","iso","jar","java","jpe","jpeg","jpg","js","json","jsp","key","kf8","ksh","less","licx","lit","log","lua","m2v","m3u","m3u8","m4a","m4r","m4v","master","md","mdb","mdf","mid","midi","mkv","mobi","mov","mp2","mp3","mp4","mpa","mpd","mpe","mpeg","mpg","mpga","mpp","mpt","msi","msu","nef","nes","odb","odt","ogg","ogv","ost","otf","ott","ovf","p12","p7b","pages","part","pcd","pdb","pdf","pem","pfx","pgp","php","png","po","pot","potx","pps","ppsx","ppt","pptm","pptx","prop","ps","psd","psp","pst","pub","py","qt","ra","ram","rar","raw","rb","rdf","resx","rm","rpm","rtf","rub","sass","scss","sdf","sh","sitemap","skin","sldm","sldx","sln","sql","step","stl","svg","swd","swf","swift","sys","tar","tcsh","tex","tga","tgz","tif","tiff","torrent","ts","tsv","ttf","txt","udf","vb","vbproj","vcd","vcs","vdi","vmdk","vob","war","wav","wbk","webinfo","webm","webp","wma","wmf","wmv","woff","woff2","wsf","xaml","xcf","xlm","xls","xlsm","xlsx","xlt","xltm","xltx","xml","xpi","xps","xrb","xspf","xz","yml","z","zip","zsh"]
["3g2","3ga","3gp","7z","aa","aac","accdb","accdt","adn","ai","aif","aifc","aiff","ait","amr","ani","apk","app","asax","ascx","asf","ash","ashx","asmx","asp","aspx","asx","au","aup","avi","axd","aze","bash","bat","bin","blank","bmp","bpg","browser","bz2","c","cab","caf","cal","cd","cer","class","cmd","com","compile","config","cpp","cr2","crt","crypt","cs","csh","csproj","css","csv","cue","dat","db","dbf","deb","dgn","dll","dmg","dng","doc","docb","docm","docx","dot","dotm","dotx","dpj","dtd","dwg","dxf","eot","eps","epub","exe","f4v","fax","fb2","fla","flac","flv","folder","gadget","gem","gif","gitignore","gpg","gz","h","htm","html","ibooks","ico","ics","idx","iff","image","img","indd","inf","ini","iso","jar","java","jpe","jpeg","jpg","js","json","jsp","key","kf8","ksh","less","licx","lit","log","lua","m2v","m3u","m3u8","m4a","m4r","m4v","master","md","mdb","mdf","mid","midi","mkv","mobi","mov","mp2","mp3","mp4","mpa","mpd","mpe","mpeg","mpg","mpga","mpp","mpt","msi","msu","nef","nes","odb","odt","ogg","ogv","ost","otf","ott","ovf","p12","p7b","pages","part","pcd","pdb","pdf","pem","pfx","pgp","php","png","po","pot","potx","pps","ppsx","ppt","pptm","pptx","prop","ps","psd","psp","pst","pub","py","qt","ra","ram","rar","raw","rb","rdf","resx","rm","rpm","rtf","rub","sass","scss","sdf","sh","sitemap","skin","sldm","sldx","sln","sql","step","stl","svg","swd","swf","swift","sys","tar","tcsh","tex","tga","tgz","tif","tiff","torrent","ts","tsv","ttf","txt","udf","vb","vbproj","vcd","vcs","vdi","vmdk","vob","war","wav","wbk","webinfo","webm","webp","wma","wmf","wmv","woff","woff2","wsf","xaml","xcf","xlm","xls","xlsm","xlsx","xlt","xltm","xltx","xml","xpi","xps","xrb","xspf","xz","yml","z","zip","zsh"]

13
icons/vivid/folder.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 72 63" style="enable-background:new 0 0 72 63;" xml:space="preserve">
<style type="text/css">
.st0{fill:#EFCE4A;}
.st1{fill:#EBBA16;}
</style>
<g>
<path class="st0" d="M69.5,63h-67C1.1,63,0,61.9,0,60.5V21h72v39.5C72,61.9,70.9,63,69.5,63z"/>
<path class="st1" d="M32.3,9.9V2.5c0-1.4-1.1-2.5-2.5-2.5H2.5C1.1,0,0,1.1,0,2.5v6.2V21h72v-8.6c0-1.4-1.1-2.5-2.5-2.5H32.3z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 657 B

1
sass/_file-icon-classic-list.scss
View File

@ -89,6 +89,7 @@
@include file-icon(classic, cla, fla);
@include file-icon(classic, cla, flac);
@include file-icon(classic, cla, flv);
@include file-icon(classic, cla, folder);
@include file-icon(classic, cla, gadget);
@include file-icon(classic, cla, gem);
@include file-icon(classic, cla, gif);

1
sass/_file-icon-vivid-list.scss
View File

@ -89,6 +89,7 @@
@include file-icon(vivid, viv, fla);
@include file-icon(vivid, viv, flac);
@include file-icon(vivid, viv, flv);
@include file-icon(vivid, viv, folder);
@include file-icon(vivid, viv, gadget);
@include file-icon(vivid, viv, gem);
@include file-icon(vivid, viv, gif);