前置知识
在了解本教程之前，需要掌握如下知识：
- HTML
- CSS
- JavaScript
- React
什么是 @emotion-icons/evaicons-outline？
@emotion-icons/evaicons-outline 是一个 React 图标组件库，其中包含了很多漂亮的线框风格图标。这个组件库使用 Emotion 提供的 CSS-in-JS 解决方案来实现样式的管理。
如何安装 @emotion-icons/evaicons-outline？
安装 @emotion-icons/evaicons-outline 很简单，只需要在终端中运行下面的命令即可：
npm install @emotion-icons/evaicons-outline
如何使用 @emotion-icons/evaicons-outline？
使用 @emotion-icons/evaicons-outline 也非常简单，我们只需要在组件中引入需要的图标并渲染即可。例如，下面的代码展示了如何在组件中使用 @emotion-icons/evaicons-outline 的 Email 图标：
-- -------------------- ---- -------
------ - ----- - ---- ----------------------------------
-------- ------------- -
------ -
-----
------ --
------
--
-我们还可以设置图标的尺寸和颜色等属性，例如：
-- -------------------- ---- -------
------ - ----- - ---- ----------------------------------
-------- ------------- -
------ -
-----
------ --------- ------------ --
------
--
-@emotion-icons/evaicons-outline 支持的所有图标
@emotion-icons/evaicons-outline 支持很多漂亮的线框风格图标，具体的列表可以在官方文档中查看：
https://github.com/kevinrodrigues/evaicons
示例代码
以下是一个使用 @emotion-icons/evaicons-outline 渲染多个图标的示例代码：
-- -------------------- ---- -------
------ - --------- ----- ------ - ---- ----------------------------------
-------- ------------- -
------ -
-----
--------- --
----- --
------- --
------
--
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f24a39f3b0ab45f74a8b8f2