@slobber/antd-icons-fontawesome

Instruction 介绍

Replace Ant Design Icons inside Ant Design components with FontAwesome icons.

使用 FontAwesome 图标替换 Ant Design 组件中的内置图标。

How to use 使用方式

Installation 安装

> pnpm i '@slobber/antd-icons-fontawesome'

react-app-rewired Usage 用法

Add follow code in config-overrides.js: 在 config-overrides.js 中添加以下代码：

const antdIconAlias = require('@slobber/antd-icons-fontawesome')
......

const addCustomize = () => (config, env) => {
  config.resolve.alias = {
    ...config.resolve.alias,
    ...antdIconAlias('far')
  }
  ......
}
......

vite Usage 用法

Add follow code in vite.config.js: 在 vite.config.js 中添加以下代码：

import antdIconAlias from "@slobber/antd-icons-fontawesome";

export default defineConfig(() => {
  return {
    resolve: {
      alias: {
        ...antdIconAlias("far"),
      },
    },
    ...
  }
})

关于 FontAwesome Pro

If you have FontAwesome Pro subscribe, you can clone the repo and build your pro icons for ant design.

如果您有 FontAwesome Pro 的订阅，可以克隆本项目，构建你自己的替换图标。

Generate commands:

生成命令：

> git clone https://github.com/slobber/antd-icons-fontawesome.git
> cd antd-icons-fontawesome
> pnpm i
> pnpm build:pro
> pnpm publish -registry [your private registry]