我在一個 Next.js 應用程序中使用 Heroicons，它們方便地將圖標封裝為 React 組件。

我想要做的一件事是自定義描邊寬度，使它們顯示得更細。

我查看了 JSX 中如何做到這一點，也許使用屬性，但是我找不到方法。

我可以直接從該網站導入 SVG，但我喜歡使用 React 組件的方法。

由於某種原因，我認為直接設置全局 CSS 屬性並不起作用，因為它在 SVG 中是硬編碼的，但實際上它起作用了：

svg path {
  stroke-width: 1;
}