如何在Office UI Fabric React中使用备用图标

Question

Office UI Fabric许可证仅允许使用Office Apps中的图标。我想替换其他图标，但是我不确定该怎么做。

具体来说，我想覆盖MessageBar组件中的图标，即左侧的图标和右侧的X。

Answer 1

使用registerIcons注册新图标，例如这是使用超棒的字体来完成的操作，以注册被阻止的MessageBar的图标：

import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import {
    faExclamationCircle,
    faTimes
} from "@fortawesome/free-solid-svg-icons";

import { registerIcons } from "@uifabric/styling";

library.add(faExclamationCircle);
library.add(faTimes);

registerIcons({
    icons: {
        blocked2: <FontAwesomeIcon icon={faExclamationCircle} />,
        clear: <FontAwesomeIcon icon={faTimes} />
    }
});