Download the PHP package dmhendricks/file-icon-vectors without Composer
On this page you can find all versions of the php package dmhendricks/file-icon-vectors. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download dmhendricks/file-icon-vectors
More information about dmhendricks/file-icon-vectors
Files in dmhendricks/file-icon-vectors
Package file-icon-vectors
Short Description A collection of file type icons in SVG format.
License MIT
Informations about the package file-icon-vectors
File Icon Images
A collection of file type/extension SVG icons, available free for use in your applications.
- Please post feedback or issues.
- I pay to license several of the icons used in these sets. Donations are appreciated.
- :bulb: If you have an idea, such as new icon requests, additional collections/designs, and/or are willing to contribute a library/design, please let me know! My time is limited, but I will get to it eventually.
- :star: If you use these icons to create something cool, tell me about it!
:pushpin: Demo: View Icons
Icon Sets
Currently, there are three icon sets in the dist/icons
directory:
- Classic - An expansion of the Redboot free-file-icons designs.
- Vivid - Inspired by Erlen Masson
- Square Outline (in progress) - Modified from and inspired by Cotne Nazarashvili
Next release:
- Over 500 new icons
- A new set for dark backgrounds (preview)
- CDNJS hosting
Once that is released, I'd like to focus on a webfont, ideally where you can create your own file icons with stacking, just like Font Awesome.
Installation
NPM
Bower
:rotating_light: NB! Because I didn't use semver, the current release is not available from Bower. It will be corrected with the next release.
Composer
(I know, it doesn't below on Packagist, but 15% of my downloads are coming from there, so some people must prefer it.)
Quick Start
To display a file icon, simply link to one or all of the icon set CSS files in the css
directory:
CDN: jsDelivr
Combining Files
jsDelivr allows you to combine multiple files. Below is an example of linking both the Vivid and Square Outline sets with one URI:
This will become more beneficial with future releases that contain supplementary packs, web fonts, etc.
CDN: unpkg
CDN: GitHack
Supports branches as endpoints (such as master
).
WordPress
If you're using WordPress, you can load the icons by adding the following line to your theme's functions.php
file:
Usage
Each set has its own CSS prefix:
cla
- Classicviv
- Vividsqo
- Square Outline
The format for CSS classes is fiv-[prefix]-[extension]
:
If you want to override the size of the icons, you can do so with CSS:
Alternatively, you may also use .fiv-size-md
, .fiv-size-lg
and .fiv-size-xl
to modify the icon sizes:
Catalog JSON
Each icon set has a catalog.json
file that includes all icons included in the library. You can optionally use this to check for files that exist, and where missing, set an alternate icon.
For example, fileicons.org reads this file to dynamically create the icon lists for both release and development versions.
Generic icons include blank.svg
, folder.svg
, image.svg
.
:rotating_light: BREAKING CHANGE: I will be removing the generic folder.svg
from each collection in favor of the upcoming "Extra" set. Follow this repo if you'd like to be notified when that happens.
Special Thanks
- jsDelivr, GitHack, and unpkg
- The File Extensions Database and Share Icon
- SVG Optimizer, imagemin and SVGOMG
- Gulp and Sass
- Markdown Editor by James Taylor
Even though I'm paying for them, thanks also to Adobe, The Noun Project, FlatIcon, Icons8 and iconscout for providing great tools and services. :+1: :smile:
Legal Stuff
All icons used in the creation of this library were licensed MIT, Creative Commons (attribution) or purchased royalty-free. Any exceptions noted below. All logos are copyright their respective owners.
If you feel that you have a copyright issue, please feel free to report it.
Attribution
- Android icon provided by Google via flaticon.com
- Apple, Debian, Internet Explorer icons provided by Simple Icons
- Adobe Flash icon provided by vscode-icons
- QuickTime, Chrome and Firefox icons provided by Pixel Perfect via flaticon.com
- .NET, CoffeeScript, Git, RedHat icons provided by Devicon
- Nintendo Switch icon provided by flaticon.com
- BitTorrent icon provided by noshery from icons101.com
- GIMP, PowerShell icons provided by Icons8 LLC
- Sass, Globe icons provided by oNline Web Fonts
- Classic set Folder Icon made by Snip Master from Iconfinder
- GNU icon from Be..anyone at Wikimedia Commons
- Classic Windows icon from Wdwdbot at Wikimedia Commons
- Maven icon provided by OnlineWebFonts