update icon document

components/icon/index.md

@@ -10,34 +10,30 @@
 
 ## 图标的命名规范
 
-我们为每个图标赋予了语义化的命名。只需在 <Icon> 标签内，制定对应的 type 属性即可。
-
-不同 type 命名规则如下:
+我们为每个图标赋予了语义化的命名，命名规则如下:
 
 - 实心和描线图标保持同名，用 `-o` 来区分，比如 `question-circle`(实心) 和 `question-circle-o`(描线)；
 
 - 命名顺序：`[icon名]-[形状可选]-[描线与否]-[方向可选]`。
 
-## 实现原理
-
-所有的 Icon 标签最终会渲染为
-
-```html
-<i class="anticon anticon-${type}"></i>
-```
-
 ## 如何使用
 
-使用 <Icon> 标签申明组件，设置对应的 type 设置需要渲染的图标，示例代码如下:
+使用 `<Icon />` 标签声明组件，指定图标对应的 type 属性，示例代码如下:
 
 ```html
 <Icon type="link" />
 ```
 
-> 点击图标复制代码。
+最终会渲染为：
+
+```html
+<i class="anticon anticon-${type}"></i>
+```
 
 ## 图标列表
 
+> 点击图标复制代码。
+
 ### 一. 方向性图标
 
 <div id="iconset-direction"></div>