0.0.2-alpha.3 • Published 4 years ago

@icon/outlined-icons v0.0.2-alpha.3

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

@icon/outlined-icons

npm version

This repository is a module of the full standard-icons repository.

Install

This repository is distributed with npm. After installing npm, you can install @icon/outlined-icons with this command.

npm install --save @icon/outlined-icons

Usage

There are many ways/formats of how to use outlined-icons. The fastest and recommended way is via SVG directly. Or use the webfont version if you want to include all icons at once:

SVG icons -- when you need just a few icons in your project

1 . If you want to use just a few icons. Find the icons you need in "icons" folder. Then use them as regular images:

<img height="32" width="32" src="@icon/outlined-icons/icons/boat.svg" />

2 . Icons can be served from a CDN such as Unpkg. Simply use the @icon/outlined-icons npm package in the URL like the following:

<img height="32" width="32" src="https://unpkg.com/@icon/outlined-icons/icons/boat.svg" />

Icons font -- ideal when you want to include all icons at once

1 . Install @icon/outlined-icons with this command. In the <head> of your html, reference the location to your outlined-icons.css.

<head>
...
<link rel="stylesheet" href="@icon/outlined-icons/outlined-icons.css">
...
</head>

2 . Use unpkg.com to load directly outlined-icons without installing anything:

<head>
...
<link rel="stylesheet" href="https://unpkg.com/@icon/outlined-icons/outlined-icons.css">
...
</head>

Place outlined-icons with <i> tag in your html like this. Icon class names are to be used with the oui class prefix.

<i class="oui oui-boat"></i>

Bugs, Ideas, Pull Requests

If you have any ideas or found bugs, please send me Pull Requests or let me know with GitHub Issues.

License

Outlined-icons is copyright by Dario Ferrando, licensed under the MIT.

0.0.2-alpha.3

4 years ago

0.0.2

5 years ago

0.0.2-alpha.2

5 years ago

0.0.2-alpha.1

5 years ago

0.0.2-alpha.0

5 years ago

0.0.2-2

6 years ago

0.0.2-1

6 years ago

0.0.7

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3-0

6 years ago

0.0.2-0

6 years ago