首先，您必須在組件中導(dǎo)入圖標(biāo)，然后您可以使用以下代碼作為示例：

import FacebookIcon from "@material-ui/icons/Facebook";

const YourComponent = () => (

  <div>

    <span>...some other content</span>

    <FacebookIcon />

  </div>

);

export default YourComponent;

如果您還需要圖像背景，您可以這樣做：

<div style={{ backgroundColor: "#1877d1", padding: "1rem", display: "inline-block" }}>

  <FacebookIcon />

</div>

因此，您需要將圖標(biāo)包裹在div帶有邊框的 a 中。

您可以安裝 Material-UI 圖標(biāo)

使用 npm ： npm install @material-ui/icons

使用紗線：紗線添加@material-ui/icons