mirror of
https://github.com/atisawd/boxicons.git
synced 2024-11-13 19:04:52 +01:00
High Quality web friendly icons
1fdae261d4
- support the `name` attribute on the html element - Loads svg image and caches - Changed version in package.json to take advantage of images included in v1.1.1 |
||
|---|---|---|
| src | ||
| static | ||
| .babelrc | ||
| .eslintrc.json | ||
| .gitignore | ||
| .nojekyll | ||
| .svgo.yml | ||
| 404.html | ||
| CNAME | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| webpack.config.js | ||
BoxIcons
High Quality web friendly icons
'Boxicons' is a carefully designed open source iconset with 400+ icons. It's crafted to look enrich your website/app experience.
Announcing Boxicons v1.1.0!
14 more icons have been added to the list, and some pre built CSS classes to perform various functions like, rotate, animate and add border to the icons.
- A few bug fixes on the existing icons has been to make it pixel perfect.
You can check out the detailed documentation here
Installation
To install via npm, simply do the following:
$ npm install boxicons --save
import the module
import 'boxicons/css/boxicons.css';
Usage
- Include the stylesheet on your document's
<head>
<head>
<link rel="stylesheet" href="boxicons.min.css">
</head>
Instead of installing you may use the remote version
<head>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/boxicons@1.1.0/css/boxicons.min.css">
<!-- or -->
<link rel="stylesheet"
href="https://unpkg.com/boxicons@1.1.0/css/boxicons.min.css">
</head>
- To use an icon on your page, add a class 'bx' and seperate class with the icons name with a prefix 'bx-':
<i class="bx bx-hot"></i>
License
You can read the license here!
Contributing
Pull requests are the way to go here. I apologise in advance for the slow action on pull requests and issues.
Caught a mistake or want to contribute to the documentation? Edit this page on Github