Boxicons یک مجموعه آیکون متن‌باز با طراحی دقیق است. طوری طراحی شده که تجربه کاربری وب‌سایت/اپلیکیشن شما را غنی‌تر کند.

نصب

برای نصب از طریق npm، کافیست مراحل زیر را انجام دهید:

$ npm install boxicons --save

فایل CSS را به این مسیر وارد کنید src/assets/scss/icons.scss

@import 'boxicons';

CDN

به جای نصب، می‌توانید از نسخه ریموت استفاده کنید

<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">

استفاده

برای استفاده از یک آیکون در صفحه خود، یک کلاس 'bx' اضافه کنید و کلاس جداگانه‌ای با نام آیکون‌ها با پیشوند 'bx-' برای آیکون‌های معمولی، 'bxs-' برای آیکون‌های توپر و 'bxl-' برای لوگوها ایجاد کنید:

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

برای جزئیات بیشتر، رجوع کنید به مستندات.