#npm 包 olivier-material-ui-icons 使用教程
1、什么是 olivier-material-ui-icons？
olivier-material-ui-icons 是一款基于 React 和 Material UI 的图标库，主要针对フレンチ设计的图标进行了整理和优化，其中包含了多种丰富的图标，可以应用于各种 Web 开发项目。
2、如何使用 olivier-material-ui-icons？
2.1 安装 olivier-material-ui-icons
可以在终端中直接输入以下命令安装 olivier-material-ui-icons：
npm install olivier-material-ui-icons
然后，在你的项目中引入 olivier-material-ui-icons：
import IconName from 'olivier-material-ui-icons/IconName';
2.2 使用 olivier-material-ui-icons
在你的组件中使用 olivier-material-ui-icons 很简单，只需要在 render 函数中加入一个类似下面的代码即可：
<IconName />
其中，IconName 具体指所需的图标名称，例如：
import ArrowBackIcon from 'olivier-material-ui-icons/ArrowBack'; … <ArrowBackIcon />
2.3 自定义 olivier-material-ui-icons
如果 olivier-material-ui-icons 中没有你需要的图标，你可以使用 Material UI 中提供的工具包 @material-ui/icons 来自定义图标，方法如下：
-- -------------------- ---- -------
------ - --------------- ---------------- - ---- ---------------------------
------ - ------- - ---- --------------------
----- ----- - ----------------
---------- -
----------- -
----- -
----- ------
------ ---
------- ---
--
--
--
---
-------- ----------------- -
------ -
----------------- --------------
---------
----- ----- ----------- --
----------
-------------------
--
-3、olivier-material-ui-icons 的优势
olivier-material-ui-icons 的优势在于它打包了多种符合フレンチ设计的图标，并且提供了 Material UI 中没有的一些图标，方便开发者使用。除此之外，如果你需要自定义图标，olivier-material-ui-icons 和 Material UI 提供的工具包可以完美协同工作，让你的自定义图标更加实用。
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ - --------------- ---------------- - ---- ---------------------------
------ - ------- - ---- --------------------
------ ------------- ---- --------------------------------------
----- ----- - ----------------
---------- -
----------- -
----- -
----- ------
------ ---
------- ---
--
--
--
---
-------- ----------------- -
------ -
----------------- --------------
---------
----- ----- ----------- --
----------
-------------------
--
-
-------- ----- -
------ -
-----
-------------- -- ----- ------
----------- --
------
--
-
------ ------- ----来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066fae3d1de16d83a672db