扫一扫分享
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>
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
手机预览