'Boxicons' is a carefully designed open source iconset with 1500+ icons. It's crafted to look enrich your website/app experience.

Installation

To install via npm, simply do the following:

                        $ npm install boxicons --save
                    

import CSS to your icons.scss

                        @import 'boxicons';
                    

CDN

Instead of installing you may use the remote version

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">

<!-- or -->

<link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">

Usage

To use an icon on your page, add a class 'bx' and seperate class with the icons name with a prefix 'bx-' for regular icons , 'bxs-' for solid icons and 'bxl-' for logos:

<i class="bx bx-hot"></i>
<i class="bx bxs-hot"></i>
<i class="bx bxl-facebook-square"></i>

For more details, see the documentation.