如何覆盖组件中使用的antd的默认svg图标？

Question

我想覆盖在诸如TimePicker，DatePicker之类的组件中使用的antd库中使用的默认svg图标。等等。它曾经在less变量中有选项，我可以在其中设置@ icon-url。但是由于新的更新使用了svg而不是fontIcon，因此该选项不见了。

它在版本2 https://2x.ant.design/docs/react/customize-theme中可用 但不在3 https://ant.design/docs/react/customize-theme

中

Answer 1

您可以使用css文件中的收藏夹覆盖图标路径：

.anticon-foo svg path {
  d: path('M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 0 0 0 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z');
}