open-index/open-npm huggingface dataset:
npm package: @icon/hawcons-filled
Description: An Icon Font Generated By Yannick Lung
Author: Yannick Lung
Latest version: 1.0.0-alpha.3

# @icon/hawcons-filled

[![npm version](https://img.shields.io/npm/v/@icon/hawcons-filled.svg)](https://www.npmjs.org/package/@icon/hawcons-filled)

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

## Install

This repository is distributed with [npm]. After [installing npm][install-npm], you can install `@icon/hawcons-filled` with this command.

```bash
npm install --save @icon/hawcons-filled
```

## Usage

There are many ways/formats of how to use hawcons-filled. 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/hawcons-filled/icons/bookmark.svg" />
```

 2 . Icons can be served from a CDN such as [Unpkg][Unpkg]. Simply use the `@icon/hawcons-filled` npm package in the URL like the following:

```
<img height="32" width="32" src="https://unpkg.com/@icon/hawcons-filled/icons/bookmark.svg" />
```

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

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

```
<head>
...
<link rel="stylesheet" href="@icon/hawcons-filled/hawcons-filled.css">
...
</head>
```

 2 . Use [unpkg.com][Unpkg] to load directly hawcons-filled without installing anything:

```
<head>
...
<link rel="stylesheet" href="https://unpkg.com/@icon/hawcons-filled/hawcons-filled.css">
...
</head>
```

> Place hawcons-filled with `<i>` tag in your html like this. Icon class names are to be used with the `hfi` class prefix.

```
<i class="hfi hfi-bookmark"></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][github issues].

## License

Hawcons-filled is copyright by Yannick Lung, licensed under the [MIT][license].

[license]: https://github.com/thecreation/icons/blob/master/modules/hawcons-filled/LICENSE
[standard-icons]: https://github.com/thecreation/standard-icons
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/
[github issues]: https://github.com/thecreation/standard-icons/issues
[Unpkg]: https://unpkg.com
npm package: @icon/hawcons-stroke
Description: An Icon Font Generated By Yannick Lung
Author: Yannick Lung
Latest version: 1.0.0-alpha.3

# @icon/hawcons-stroke

[![npm version](https://img.shields.io/npm/v/@icon/hawcons-stroke.svg)](https://www.npmjs.org/package/@icon/hawcons-stroke)

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

## Install

This repository is distributed with [npm]. After [installing npm][install-npm], you can install `@icon/hawcons-stroke` with this command.

```bash
npm install --save @icon/hawcons-stroke
```

## Usage

There are many ways/formats of how to use hawcons-stroke. 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/hawcons-stroke/icons/bookmark.svg" />
```

 2 . Icons can be served from a CDN such as [Unpkg][Unpkg]. Simply use the `@icon/hawcons-stroke` npm package in the URL like the following:

```
<img height="32" width="32" src="https://unpkg.com/@icon/hawcons-stroke/icons/bookmark.svg" />
```

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

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

```
<head>
...
<link rel="stylesheet" href="@icon/hawcons-stroke/hawcons-stroke.css">
...
</head>
```

 2 . Use [unpkg.com][Unpkg] to load directly hawcons-stroke without installing anything:

```
<head>
...
<link rel="stylesheet" href="https://unpkg.com/@icon/hawcons-stroke/hawcons-stroke.css">
...
</head>
```

> Place hawcons-stroke with `<i>` tag in your html like this. Icon class names are to be used with the `hst` class prefix.

```
<i class="hst hst-bookmark"></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][github issues].

## License

Hawcons-stroke is copyright by Yannick Lung, licensed under the [MIT][license].

[license]: https://github.com/thecreation/icons/blob/master/modules/hawcons-stroke/LICENSE
[standard-icons]: https://github.com/thecreation/standard-icons
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/
[github issues]: https://github.com/thecreation/standard-icons/issues
[Unpkg]: https://unpkg.com
npm package: @icon/heroicons-outline
Description: A set of free MIT-licensed high-quality SVG icons for UI development.
Author: Refactoring UI Inc
Latest version: 0.4.2-alpha.0

# @icon/heroicons-outline

[![npm version](https://img.shields.io/npm/v/@icon/heroicons-outline.svg)](https://www.npmjs.org/package/@icon/heroicons)

Thio repository is a module of the full [standard-icons][standard-icons] repository.

## Install

Thio repository is distributed with [npm]. After [installing npm][install-npm], you can install `@icon/heroicons-outline` with thio command.

```bash
npm install --save @icon/heroicons-outline
```

## Usage

There are many ways/formats of how to use heroicons. 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/heroicons-outline/icons/archive.svg" />
```

2 . Icons can be served from a CDN such as [Unpkg][Unpkg]. Simply use the `@icon/heroicons` npm package in the URL like the following:

```
<img height="32" width="32" src="https://unpkg.com/@icon/heroicons-outline/icons/archive.svg" />
```

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

1 . Install `@icon/heroicons` with thio command. In the `<head>` of your html, reference the location to your `heroicons.css`.

```
<head>
...
<link rel="stylesheet" href="@icon/heroicons-outline/heroicons-outline.css">
...
</head>
```

2 . Use [unpkg.com][Unpkg] to load directly heroicons without installing anything:

```
<head>
...
<link rel="stylesheet" href="https://unpkg.com/@icon/heroicons-outline/heroicons-outline.css">
...
</head>
```

> Place heroicons with `<i>` tag in your html like thio. Icon class names are to be used with the `hio` class prefix.

```
<i class="hio hio-archive"></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][github issues].

## License

heroicons is copyright by Refactoring UI Inc, licensed under the [MIT][license].

[license]: https://opensource.org/licenses/MIT
[standard-icons]: https://github.com/thecreation/standard-icons
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/
[github issues]: https://github.com/thecreation/standard-icons/issues
[Unpkg]: https://unpkg.com
npm package: @icon/heroicons-solid
Description: A set of free MIT-licensed high-quality SVG icons for UI development.
Author: Refactoring UI Inc
Latest version: 0.4.2-alpha.0

# @icon/heroicons-solid

[![npm version](https://img.shields.io/npm/v/@icon/heroicons-solid.svg)](https://www.npmjs.org/package/@icon/heroicons)

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

## Install

This repository is distributed with [npm]. After [installing npm][install-npm], you can install `@icon/heroicons-solid` with this command.

```bash
npm install --save @icon/heroicons-solid
```

## Usage

There are many ways/formats of how to use heroicons. 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/heroicons-solid/icons/archive.svg" />
```

2 . Icons can be served from a CDN such as [Unpkg][Unpkg]. Simply use the `@icon/heroicons` npm package in the URL like the following:

```
<img height="32" width="32" src="https://unpkg.com/@icon/heroicons-solid/icons/archive.svg" />
```

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

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

```
<head>
...
<link rel="stylesheet" href="@icon/heroicons-solid/heroicons-solid.css">
...
</head>
```

2 . Use [unpkg.com][Unpkg] to load directly heroicons without installing anything:

```
<head>
...
<link rel="stylesheet" href="https://unpkg.com/@icon/heroicons-solid/heroicons-solid.css">
...
</head>
```

> Place heroicons with `<i>` tag in your html like this. Icon class names are to be used with the `his` class prefix.

```
<i class="his his-archive"></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][github issues].

## License

heroicons is copyright by Refactoring UI Inc, licensed under the [MIT][license].

[license]: https://opensource.org/licenses/MIT
[standard-icons]: https://github.com/thecreation/standard-icons
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/
[github issues]: https://github.com/thecreation/standard-icons/issues
[Unpkg]: https://unpkg.com