Backupppert/boxicons
1
0
Fork 0
mirror of https://github.com/atisawd/boxicons.git synced 2024-11-13 19:04:52 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions
High Quality web friendly icons
46 commits 13 branches 0 tags 23 MiB
CSS 73.2%
HTML 16.7%
JavaScript 10.1%
Find a file
atisawd 96b96a7c27 logo-update
2018-06-26 17:16:33 +05:30
src Initial commit 2018-06-15 13:20:17 +05:30
static logo-update 2018-06-26 17:16:33 +05:30
.babelrc Initial commit 2018-06-15 13:20:17 +05:30
.eslintrc.json Initial commit 2018-06-15 13:20:17 +05:30
.gitignore Initial commit 2018-06-15 13:20:17 +05:30
.nojekyll Initial commit 2018-06-15 13:20:17 +05:30
.svgo.yml Optimize SVG files 2018-06-23 13:57:20 +02:00
404.html analytics 2018-06-17 21:47:17 +05:30
CNAME cname-change 2018-06-15 14:01:15 +05:30
index.html 1.0.7 2018-06-26 16:55:05 +05:30
LICENSE Update LICENSE 2018-06-15 15:24:19 +05:30
package-lock.json Optimize SVG files 2018-06-23 13:57:20 +02:00
package.json 1.0.6 2018-06-26 14:11:09 +05:30
README.md 1.0.7 2018-06-26 16:55:05 +05:30
webpack.config.js Initial commit 2018-06-15 13:20:17 +05:30

README.md

BoxIcons

GitHub issues GitHub license

Twitter Donate

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 Ionicons v1.0.7!

50 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

  1. 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.0.7/css/boxicons.min.css">
  <!-- or -->
  <link rel="stylesheet"
  href="https://unpkg.com/boxicons@1.0.7/css/boxicons.min.css">
</head>
  1. 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>

Check out all the icons here!

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.

Caught a mistake or want to contribute to the documentation? Edit this page on Github