你可以使用react-icons。
https://react-icons.github.io/react-icons/

npm install react-icons --save

官方样品：

import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
  render() {
    return <h3> Lets go for a <FaBeer />? </h3>
  }
}
//functional
function Question() {
return <FaBeer />
}

调整尺寸：

<FaBeer size={20} />

ps.你可以通过以下方式安装mui

npm install @mui/material @emotion/react @emotion/styled

React应用的图标有很多选项。一些流行的图标库是：

1. Font Awesome：
   Font Awesome是一个流行的图标库，拥有超过2，000个免费和开源图标。它还提供了一个专业订阅，起价为每年79美元，这使您可以访问近20,000个图标。这些图标可以定制为不同的大小和颜色。
2. React Feather：
   React Feather是React的一个极简开源图标集合，基于Feather Icons库。此图标集强调简单性、一致性和可读性。
   1.材质UI：
   它使您可以访问Material Icons库，该库由Google根据Material Design系统创建。
3. React图标：
   它提供了各种各样的图标。
   1.英雄：
   Heroicons是由Tailwind的同一个开发者创建的，Tailwind是一个流行的CSS框架。这个库提供了一个小但漂亮的SVG图标集合。
   还有更多的选择。