2018-06-17 13:18:42 +02:00
|
|
|
# BoxIcons
|
|
|
|
|
[](https://github.com/atisawd/boxicons/issues)
|
|
|
|
|
[](https://github.com/atisawd/boxicons/blob/master/LICENSE)
|
2018-06-15 09:50:17 +02:00
|
|
|
|
2018-06-17 13:18:42 +02:00
|
|
|
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fatisawd%2Fboxicons)
|
|
|
|
|
[](https://paypal.me/atisawd)
|
|
|
|
|
|
|
|
|
|
_High Quality web friendly icons_
|
|
|
|
|
|
2018-06-26 10:41:09 +02:00
|
|
|
'Boxicons' is a carefully designed open source iconset with 400+ icons. It's crafted to look enrich your website/app experience.
|
|
|
|
|
You can check out more detail instructions [here](https://boxicons.com/get-started)
|
2018-06-17 13:18:42 +02:00
|
|
|
|
|
|
|
|
## Installation
|
|
|
|
|
|
|
|
|
|
To install via npm, simply do the following:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
$ npm install boxicons --save
|
|
|
|
|
```
|
2018-06-23 11:53:43 +02:00
|
|
|
import the module
|
2018-06-17 13:18:42 +02:00
|
|
|
|
2018-06-23 11:53:43 +02:00
|
|
|
```javscript
|
|
|
|
|
import 'boxicons/css/boxicons.css';
|
|
|
|
|
```
|
2018-06-17 13:18:42 +02:00
|
|
|
## Usage
|
|
|
|
|
|
|
|
|
|
1. Include the stylesheet on your document's `<head>`
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<head>
|
2018-06-17 13:31:12 +02:00
|
|
|
<link rel="stylesheet" href="boxicons.min.css">
|
2018-06-17 13:18:42 +02:00
|
|
|
</head>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Instead of installing you may use the remote version
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<head>
|
|
|
|
|
<link rel="stylesheet"
|
2018-06-26 10:41:09 +02:00
|
|
|
href="https://cdn.jsdelivr.net/npm/boxicons@1.0.6/css/boxicons.min.css">
|
2018-06-17 13:18:42 +02:00
|
|
|
<!-- or -->
|
|
|
|
|
<link rel="stylesheet"
|
2018-06-26 10:41:09 +02:00
|
|
|
href="https://unpkg.com/boxicons@1.0.6/css/boxicons.min.css">
|
2018-06-17 13:18:42 +02:00
|
|
|
</head>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2. To use an icon on your page, add a class 'bx' and seperate class with the icons name with a prefix 'bx-':
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<i class="bx bx-hot"></i>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
[Check out all the icons here!](https://boxicons.com)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## License
|
|
|
|
|
|
|
|
|
|
Boxicons is licensed under the MIT license. (http://opensource.org/licenses/MIT)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Contributing
|
|
|
|
|
|
|
|
|
|
Pull requests are the way to go here. I apologise in advance for the slow action on pull requests and issues.
|
|
|
|
|
|
2018-06-23 11:53:43 +02:00
|
|
|
Caught a mistake or want to contribute to the documentation? [Edit this page on Github](https://github.com/atisawd/boxicons/blob/master/README.md)
|
