扫一扫分享
Boxicons是一个精心设计的开源图标集,拥有400多个图标。 它旨在丰富您的网站/应用体验。
要通过npm安装,只需执行以下操作:
npm install boxicons --save
导入模块
import 'boxicons';
在文档中包含样式表 <head>
<head>
<link rel="stylesheet" href="boxicons.min.css">
</head>
您可以使用远程版本
<head>
<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">
</head>
要在页面上使用图标,请添加一个类'bx'和单独的类,其图标名称带有前缀'bx-'用于常规图标,'bxs-'用于实心图标,'bxl-'用于徽标:
<i class="bx bx-hot"></i>
<i class="bx bxs-hot"></i>
<i class="bx bxl-facebook-square"></i>
手机预览