diff --git a/components/notification/index.jsx b/components/notification/index.jsx
index ec4ce3efa5..b6ee99c760 100644
--- a/components/notification/index.jsx
+++ b/components/notification/index.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import Notification from 'rc-notification';
 import assign from 'object-assign';
+import Icon from '../iconfont';
 
 let top = 24;
 let notificationInstance;
@@ -29,27 +30,27 @@ function notice(args) {
 
   if (args.icon) {
     let prefixCls = ' ant-notification-notice-content-icon-';
-    let iconClass = 'anticon anticon-';
+    let iconType = '';
     switch (args.icon) {
     case 'success':
-      iconClass += 'check-circle-o';
+      iconType = 'check-circle-o';
       break;
     case 'info':
-      iconClass += 'info-circle-o';
+      iconType = 'info-circle-o';
       break;
     case 'error':
-      iconClass += 'exclamation-circle-o';
+      iconType = 'exclamation-circle-o';
       break;
     case 'warn':
-      iconClass += 'question-circle-o';
+      iconType = 'question-circle-o';
       break;
     default:
-      iconClass += 'info-circle';
+      iconType = 'info-circle';
     }
 
     getNotificationInstance().notice({
       content: <div>
-        <i className={iconClass + prefixCls + 'icon-' + args.icon + prefixCls + 'icon'}></i>
+        <Icon className={prefixCls + 'icon-' + args.icon + prefixCls + 'icon'} type={iconType} />
 
         <p className={prefixCls + 'message'}>{args.message}</p>