使 material-ui 图标更粗

Question

我想像 this answer using a block icon from material icons 一样显示一个禁用但提供反馈的按钮。它可以工作，但是，当图标更粗时它看起来会好得多。

我可以让导入的图标看起来更粗吗？我想，修改 SVG 中的笔宽就可以了，但不知道该怎么做（特别是，是否可能"from the outside"）。

Answer 1

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

例如：

stroke: black;
stroke-width: 2;

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