diff --git a/components/transfer/__tests__/__snapshots__/search.test.js.snap b/components/transfer/__tests__/__snapshots__/search.test.js.snap
index 73f6b2a89..3ae519943 100644
--- a/components/transfer/__tests__/__snapshots__/search.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/search.test.js.snap
@@ -1,9 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`Search should show cross icon when input value exists 1`] = `
`;
+exports[`Search should show cross icon when input value exists 1`] = `
`;
-exports[`Search should show cross icon when input value exists 2`] = `
-
-`;
+exports[`Search should show cross icon when input value exists 2`] = `
`;
diff --git a/components/transfer/operation.jsx b/components/transfer/operation.jsx
index 31f48a963..16c7d50d8 100644
--- a/components/transfer/operation.jsx
+++ b/components/transfer/operation.jsx
@@ -1,3 +1,5 @@
+import LeftOutlined from '@ant-design/icons-vue/LeftOutlined';
+import RightOutlined from '@ant-design/icons-vue/RightOutlined';
import PropTypes from '../_util/vue-types';
import { getOptionProps } from '../_util/props-util';
import Button from '../button';
@@ -35,8 +37,8 @@ export default {
size="small"
disabled={disabled || !rightActive}
onClick={moveToRight}
- icon="right"
>
+
{rightArrowText}
diff --git a/components/transfer/search.jsx b/components/transfer/search.jsx
index 7ee509ac4..d957b3944 100644
--- a/components/transfer/search.jsx
+++ b/components/transfer/search.jsx
@@ -1,6 +1,7 @@
import PropTypes from '../_util/vue-types';
import { initDefaultProps, getOptionProps } from '../_util/props-util';
-import Icon from '../icon';
+import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
+import SearchOutlined from '@ant-design/icons-vue/SearchOutlined';
import Input from '../input';
export const TransferSearchProps = {
@@ -33,11 +34,11 @@ export default {
const icon =
value && value.length > 0 ? (