diff --git a/components/popconfirm/index.jsx b/components/popconfirm/index.jsx
index 33d419ad4a..fd969ad59c 100644
--- a/components/popconfirm/index.jsx
+++ b/components/popconfirm/index.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import Tooltip from 'rc-tooltip';
+import Icon from '../iconfont';
 const prefixCls = 'ant-popover';
 
 export default React.createClass({
@@ -41,7 +42,7 @@ export default React.createClass({
     const overlay = <div>
       <div className={prefixCls + '-content'}>
         <p className={prefixCls + '-message'}>
-          <i className="anticon anticon-exclamation-circle"></i>
+          <Icon type="exclamation-circle" />
           {this.props.title}
         </p>
 
diff --git a/components/progress/demo/circle-dynamic.md b/components/progress/demo/circle-dynamic.md
index aeee518cbf..37a94fb84c 100644
--- a/components/progress/demo/circle-dynamic.md
+++ b/components/progress/demo/circle-dynamic.md
@@ -8,6 +8,7 @@
 
 ````jsx
 var ProgressCircle = antd.Progress.Circle;
+var Icon = antd.Icon;
 
 var MyProgress = React.createClass({
   getInitialState() {
@@ -34,10 +35,10 @@ var MyProgress = React.createClass({
       <ProgressCircle percent={this.state.percent} />
       <div className="ant-btn-group">
         <button className="ant-btn ant-btn-ghost" onClick={this.decline}>
-          <i className="anticon anticon-minus"></i>
+          <Icon type="minus" />
         </button>
         <button className="ant-btn ant-btn-ghost" onClick={this.increase}>
-          <i className="anticon anticon-plus"></i>
+          <Icon type="plus" />
         </button>
       </div>
     </div>;
diff --git a/components/progress/demo/dynamic.md b/components/progress/demo/dynamic.md
index de65e97f74..3e93767d1d 100644
--- a/components/progress/demo/dynamic.md
+++ b/components/progress/demo/dynamic.md
@@ -8,6 +8,7 @@
 
 ````jsx
 var Progress = antd.Progress.Line;
+var Icon = antd.Icon;
 
 var MyProgress = React.createClass({
   getInitialState() {
@@ -34,10 +35,10 @@ var MyProgress = React.createClass({
       <Progress percent={this.state.percent} />
       <div className="ant-btn-group">
         <button className="ant-btn ant-btn-ghost" onClick={this.decline}>
-          <i className="anticon anticon-minus"></i>
+          <Icon type="minus" />
         </button>
         <button className="ant-btn ant-btn-ghost" onClick={this.increase}>
-          <i className="anticon anticon-plus"></i>
+          <Icon type="plus" />
         </button>
       </div>
     </div>;
diff --git a/components/progress/index.jsx b/components/progress/index.jsx
index d5042cd482..e9b9c3472c 100644
--- a/components/progress/index.jsx
+++ b/components/progress/index.jsx
@@ -1,6 +1,7 @@
 import {Circle as Progresscircle} from 'rc-progress';
 import React from 'react';
 import assign from 'object-assign';
+import Icon from '../iconfont';
 
 const prefixCls = 'ant-progress';
 
@@ -38,13 +39,13 @@ let Line = React.createClass({
       if (props.status === 'exception') {
         progressInfo = (
           <span className={prefixCls + '-line-text'}>
-            <i className="anticon anticon-exclamation-circle"></i>
+            <Icon type="exclamation-circle" />
           </span>
         );
       } else if (props.status === 'success') {
         progressInfo = (
           <span className={prefixCls + '-line-text'}>
-            <i className="anticon anticon-check-circle"></i>
+            <Icon type="exclamation-circle" />
           </span>
         );
       } else {
@@ -98,13 +99,13 @@ let Circle = React.createClass({
     if (props.status === 'exception') {
       progressInfo = (
         <span className={prefixCls + '-circle-text'}>
-          <i className="anticon anticon-exclamation"></i>
+          <Icon type="exclamation" />
         </span>
       );
     } else if (props.status === 'success') {
       progressInfo = (
         <span className={prefixCls + '-circle-text'}>
-          <i className="anticon anticon-check"></i>
+          <Icon type="check" />
         </span>
       );
     } else {