reactjs - 如何使用相同的图标常规和实体类型

Question

我尝试在 React 组件中使用相同的常规图标和实体图标。我无法用不同的名称加载它。有什么办法吗？

我的图标加载器:

import { faBell } from '@fortawesome/free-solid-svg-icons/faBell';
//import { faBell } from '@fortawesome/free-regular-svg-icons/faBell';
import { library } from '@fortawesome/fontawesome-svg-core';

export const loadIcons = () => {
  library.add(
    faBell
  );
};

Answer 1

试试这个:

import { faBell } from '@fortawesome/free-solid-svg-icons/faBell';
import { faBell as anotherFaBell } from '@fortawesome/free-regular-svg-icons/faBell';