reactjs - 使 Material-ui 图标更粗

Question

我想使用material icons中的块图标显示一个禁用但给予反馈的按钮，就像在这个答案中一样。它可以工作，但是，当图标更粗时看起来会更好。

我可以让导入的图标看起来更粗吗？我想，修改 SVG 中的笔宽可以，但不知道该怎么做（尤其是“从外部”是否可能）。

标签： reactjsiconsmaterial-ui

Answer 1

您需要在包含该图标的 SVG 元素上设置stroke和CSS 属性。stroke-width

例如：

stroke: black;
stroke-width: 2;

使您的图标变黑，并且是线宽的两倍。