在 React 中更改 Heroicons SVG 的描邊寬度

我在一個 Next.js 應用程序中使用 Heroicons,它們方便地將圖標封裝為 React 組件。 我想要做的一件事是自定義描邊寬度,使它們顯示得更細。 我查看了 JSX 中如何做到這一點,也許使用屬性,但是我找不到方法。 我可以直接從該網站導入 SVG,但我喜歡使用 React 組件的方法。 由於某種原因,我認為直接設置全局 CSS 屬性並不起作用,因為它在 SVG 中是硬編碼的,但實際上它起作用了: svg path { stroke-width: 1; }