简介
pixeden-stroke-7-icon 是一个包含了 200 多个精美的矢量图标的 npm 包。这些图标可以用于各种前端项目，包括网站、移动应用和桌面应用等。该包提供了多种格式的图标文件，方便开发者在不同的环境中使用。
安装
首先，在你的项目目录下打开终端或命令行工具，执行以下命令安装该包：
npm install pixeden-stroke-7-icon --save
使用
引入
成功安装后，你可以在需要使用该包的文件中引入它：
import 'pixeden-stroke-7-icon/stroke7-icon.css'
使用
引入之后，你就可以在 HTML 文件中使用这些图标了：
<i class="pe-7s-close"></i>
其中，pe-7s-close 是该图标的类名。你可以在 stroke7-icon.css 文件中查找其他图标的类名，并按需使用。
自定义样式
除了直接使用提供的类名外，你还可以根据自己的需求进行自定义。比如，你可以通过修改字体大小和颜色等来调整图标的样式：
.icon {
font-size: 24px;
color: #333;
}<i class="pe-7s-close icon"></i>
这样，图标就会以 24px 大小和 #333 颜色显示。
示例代码
下面是一个完整的示例代码，你可以将其复制到你的项目中并运行：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------------------- ----------
----- ---------------- -----------------------------------------------------------
-------
----- -
---------- -----
------ -----
-
--------
-------
------
-- ------------------ ----------
-------
-------总结
pixeden-stroke-7-icon 是一个非常实用的 npm 包，它提供了丰富多彩的矢量图标，并且使用也非常简单。在开发前端项目时，使用该包可以大幅度提升开发效率和美观程度。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38855