Boxicon Icons

'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 run the following command from the command prompt at root directory of the project:

yarn add boxicons

import CSS to your icons.scss

@import '../../../node_modules/boxicons/css/boxicons.css';

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.