如何覆盖组件中使用的 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');
}