什么是 @wordpress/icons？
@wordpress/icons 是 WordPress 官方提供的一组图标组件库，其中包含了大量的矢量图标文件，开发者可以通过引入 @wordpress/icons 包来使用这些图标。
如何安装
你需要先安装 Node.js 和 npm，然后可以在命令行中使用以下命令安装 @wordpress/icons：
npm install @wordpress/icons
如何使用
第一步：引入所需图标
在需要使用图标的文件中引入所需的图标，例如：
import { Icon, wordpress } from "@wordpress/icons";在这个例子中，我们引入了 "Icon" 组件以及 "wordpress" 这个图标集合。
第二步：渲染图标组件
在需要使用图标的地方，我们可以直接使用 "Icon" 组件来渲染对应的图标，例如：
<Icon icon={ wordpress } />在这个例子中，我们渲染了 "wordpress" 图标。
第三步：设置图标属性
我们可以设置 "Icon" 组件的一些属性来自定义图标的尺寸、颜色等外观属性，例如：
<Icon icon={ wordpress } size={ 24 } color="#0073aa" />在这个例子中，我们设置了图标的尺寸为 24 像素，颜色为蓝色。
示例代码
以下是一个完整的示例代码，使用了 @wordpress/icons 渲染了一个 "wordpress" 图标：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- --------- - ---- -------------------
-------- ----- -
------ -
-----
----- ------ --------- - ------ -- - --------------- --
------
--
-
------ ------- ----总结
@wordpress/icons 是一个非常方便和实用的图标库，可以让我们在开发 WordPress 相关的前端项目时轻松使用 WordPress 官方提供的图标。希望本篇文章可以帮助到你正确、高效地使用 @wordpress/icons 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2e178c3b0ab45f74a8bc1f