如何自定义更改ant design图标

[兰陵笑笑生……]

用react加ant design组件库做的登录框，但是其中icofont图片是黑色(图中标记的)，我想自定义其中icofont的图片，上传我本地的蓝色icofont或者把它直接设置成蓝色。有什么办法吗？

[兰陵笑笑生……]

有什么办法能解决

[兰陵笑笑生……]

有什么办法可以解决

[面向百度编程cv]

使用插槽。。。。。

[初心不变时过迁]

import { Input, Tooltip } from 'antd';
import { InfoCircleOutlined, UserOutlined } from '@ant-design/icons';

ReactDOM.render(
  <>
    <Input
      placeholder="Enter your username"
      prefix={<UserOutlined className="site-form-item-icon" />}
      suffix={
        <Tooltip title="Extra information">
          <InfoCircleOutlined style={{ color: 'rgba(0,0,0,.45)' }} />
        </Tooltip>
      }
    />
    <br />
    <br />
    <Input prefix="￥" suffix="RMB" />
    <br />
    <br />
    <Input prefix="￥" suffix="RMB" disabled />
  </>,
  mountNode,
);

引自https://ant.design/components/input-cn/#API 关键字 在输入框上添加前缀或后缀图标。