1
1
mirror of https://github.com/namibia/file-icon-vectors.git synced 2024-11-17 17:55:13 +00:00

Minor readability edits to README.md

This commit is contained in:
Daniel Hendricks 2018-06-12 10:58:36 -05:00
parent 9bf7d987a2
commit 07014d8aca

View File

@ -10,8 +10,8 @@
A collection of file type/extension SVG icons, licensed MIT and available free for use in your applications. A collection of file type/extension SVG icons, licensed MIT and available free for use in your applications.
* :ant: Please post [feedback or issues](https://github.com/dmhendricks/file-icon-vectors/issues). * Please post [feedback or issues](https://github.com/dmhendricks/file-icon-vectors/issues).
* :heart: I pay to license many of the icons used in these sets. **[Donations](https://paypal.me/danielhendricks) are appreciated**. * I pay to license many of the icons used in these sets. **[Donations](https://paypal.me/danielhendricks) 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](https://github.com/dmhendricks/file-icon-vectors/issues)! My time is limited, but I will get to it eventually. * :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](https://github.com/dmhendricks/file-icon-vectors/issues)! My time is limited, but I will get to it eventually.
* :star: If you use this library to create something cool, [tell me](https://twitter.com/danielhendricks) about it! * :star: If you use this library to create something cool, [tell me](https://twitter.com/danielhendricks) about it!
@ -22,7 +22,7 @@ Currently, there are two icon sets in the `dist/icons` directory:
* **Classic** - An expansion of the Redboot [free-file-icons](https://github.com/redbooth/free-file-icons) designs. * **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) * **Vivid** - Inspired by [Erlen Masson](https://www.sketchappsources.com/svg-resource/1856-vector-file-type-icons-sketch-freebie-resource.html)
#### :pushpin: Demo: [View Icon Sets](https://danhendricks.com/demo/github/dmhendricks/file-icon-vectors/demo/) ### :pushpin: Demo: [View Icon Sets](https://danhendricks.com/demo/github/dmhendricks/file-icon-vectors/demo/)
## Installation ## Installation
@ -44,9 +44,7 @@ bower install file-icon-vectors
composer require dmhendricks/file-icon-vectors composer require dmhendricks/file-icon-vectors
``` ```
## Instructions ## Linking Stylesheets
### Include Stylesheets
To display a file icon, simply link to one or both of the icon set 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:
@ -55,7 +53,7 @@ To display a file icon, simply link to one or both of the icon set CSS files in
<link rel="stylesheet" href="dist/file-icon-vivid.min.css" /> <link rel="stylesheet" href="dist/file-icon-vivid.min.css" />
``` ```
##### CDN: unpkg #### CDN: unpkg
Recommended for performance. Recommended for performance.
@ -64,7 +62,7 @@ Recommended for performance.
<link rel="stylesheet" href="https://unpkg.com/file-icon-vectors/dist/file-icon-vivid.min.css" /> <link rel="stylesheet" href="https://unpkg.com/file-icon-vectors/dist/file-icon-vivid.min.css" />
``` ```
##### CDN: jsDelivr #### CDN: jsDelivr
Supports both HTTP and HTTPS. Supports both HTTP and HTTPS.
@ -73,14 +71,14 @@ Supports both HTTP and HTTPS.
<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/dmhendricks/file-icon-vectors/dist/file-icon-vivid.min.css" /> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/dmhendricks/file-icon-vectors/dist/file-icon-vivid.min.css" />
``` ```
##### CDN: RawGit #### CDN: RawGit
```html ```html
<link rel="stylesheet" href="https://cdn.rawgit.com/dmhendricks/file-icon-vectors/0.8.1/dist/file-icon-classic.min.css" /> <link rel="stylesheet" href="https://cdn.rawgit.com/dmhendricks/file-icon-vectors/0.8.1/dist/file-icon-classic.min.css" />
<link rel="stylesheet" href="https://cdn.rawgit.com/dmhendricks/file-icon-vectors/0.8.1/dist/file-icon-vivid.min.css" /> <link rel="stylesheet" href="https://cdn.rawgit.com/dmhendricks/file-icon-vectors/0.8.1/dist/file-icon-vivid.min.css" />
``` ```
### Usage ## Example Usage
From there, you can use CSS classes to display the icons: From there, you can use CSS classes to display the icons: