diff --git a/components/page-header/index.jsx b/components/page-header/index.jsx
index c84fca38d..ddbdf6847 100644
--- a/components/page-header/index.jsx
+++ b/components/page-header/index.jsx
@@ -1,7 +1,7 @@
 import PropTypes from '../_util/vue-types';
 import { getComponentFromProp, getOptionProps } from '../_util/props-util';
 import { ConfigConsumerProps } from '../config-provider';
-import Icon from '../icon';
+import ArrowRightOutlined from '@ant-design/icons-vue/ArrowRightOutlined';
 import Breadcrumb from '../breadcrumb';
 import Avatar from '../avatar';
 import TransButton from '../_util/transButton';
@@ -56,7 +56,7 @@ const renderTitle = (h, prefixCls, instance) => {
   const subTitle = getComponentFromProp(instance, 'subTitle');
   const tags = getComponentFromProp(instance, 'tags');
   const extra = getComponentFromProp(instance, 'extra');
-  const backIcon = getComponentFromProp(instance, 'backIcon') || <Icon type="arrow-left" />;
+  const backIcon = getComponentFromProp(instance, 'backIcon') || <ArrowRightOutlined/>;
   const onBack = instance.$listeners.back;
   const headingPrefixCls = `${prefixCls}-heading`;
   if (title || subTitle || tags || extra) {