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:
parent
9bf7d987a2
commit
07014d8aca
18
README.md
18
README.md
@ -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:
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user