Boxicons 介绍
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>
GitHub:https://github.com/atisawd/boxicons
网站描述:一款高质量的字体和 SVG 图标库
boxicons
官方网站:https://boxicons.com
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。