docs: Update fragment

Author: fwh1990

README.md

@@ -79,13 +79,13 @@ npx iconfont-h5
 1、使用汇总`Icon`组件：
 ```typescript jsx
 import React from 'react';
-import Icon from '../src/iconfont';
+import IconFont from '../src/iconfont';
 
 export const App = () => {
   return (
     <div>
-      <Icon name="alipay" size={20} />
-      <Icon name="wechat" />
+      <IconFont name="alipay" size={20} />
+      <IconFont name="wechat" />
     </div>
   );
 };
@@ -111,7 +111,7 @@ export const App = () => {
 ### 图标尺寸
 根据配置`default_icon_size`，每个图标都会有一个默认的尺寸，你可以随时覆盖。
 ```typescript jsx
-<Icon name="alipay" size={20} />
+<IconFont name="alipay" size={20} />
 ```
 ![](https://github.com/fwh1990/react-iconfont-cli/blob/master/images/default-color-icon.png?raw=true)
 ### 图标单色
@@ -120,14 +120,14 @@ export const App = () => {
 **注意：如果你在props传入的color是字符串而不是数组，那么即使原本是多色彩的图标，也会变成单色图标。**
 
 ```typescript jsx
-<Icon name="alipay" color="green" />
+<IconFont name="alipay" color="green" />
 ```
 ![](https://github.com/fwh1990/react-iconfont-cli/blob/master/images/one-color-icon.png?raw=true)
 
 ### 图标多色彩
 多色彩的图标，如果不指定颜色值，图标将渲染原本的多色彩。如果你想设置为其他的颜色，那么设置一组你想要的颜色即可
 ```typescript jsx
-<Icon name="alipay" color={['green', 'orange']} />
+<IconFont name="alipay" color={['green', 'orange']} />
 ```
 颜色组的数量以及排序，需要根据当前图标的信息来确定。您需要进入图标组件中查看并得出结论。
 
@@ -139,7 +139,7 @@ export const App = () => {
 ```jsx harmony
 <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
   <span>Hello</span>
-  <Icon name="alipay" />
+  <IconFont name="alipay" />
 </div>
 ```