在 Next.js 中使用反应图标

反应图标（React Icons）是一个开源的图标工具库，提供了多种图标选择。在 Next.js中，我们可以轻松地使用反应图标来为我们的应用程序添加图标。

安装

要使用反应图标，请使用npm或yarn安装模块：

npm install react-icons --save

yarn add react-icons

使用

要在Next.js中使用反应图标，请将所需的图标导入并在代码中使用。

import { FaGithub } from 'react-icons/fa';

function GithubLink() {
  return (
    <a href="https://github.com">
      <FaGithub />
    </a>
  );
}

在这个例子中，我们导入了FaGithub图标并将它应用到链接中。使用React Icons，我们只需要导入所需的图标即可使用。React Icons支持Font Awesome，Material Design图标等，直接查找需要的图标文档即可找到。

外部链接

• React Icons官网
• Next.js官网