【问题标题】:Make a material-ui icon bolder使 Material-ui 图标更粗
【发布时间】:2020-05-27 01:14:01
【问题描述】:

我想使用来自material icons 的块图标显示一个禁用但给予反馈的按钮,例如this answer。它可以工作,但是,当图标更粗时看起来会更好。

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

【问题讨论】:

    标签: reactjs icons material-ui


    【解决方案1】:

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

    例如:

    stroke: black;
    stroke-width: 2;
    

    让你的图标变黑,线宽是线宽的两倍。

    【讨论】:

    • 当您通过图标的 classes/classname 属性将其添加为样式变量时,这也有效。
    猜你喜欢
    • 2021-07-14
    • 2018-10-22
    • 2018-11-12
    • 1970-01-01
    • 1970-01-01
    • 2021-01-16
    • 2018-10-28
    • 2020-11-03
    • 2022-01-02
    相关资源
    最近更新 更多