Make a material-ui icon bolder

Question

I want to display a disabled-but-giving-feedback button like in this answer using a block icon from material icons. It works, however, it'd look much better when the icon was bolder.

Can I make an imported icon look bolder? I guess, modifying the pen width in the SVG would do, but don't know how to do it (especially, whether it's possible "from the outside").

Answer 1

You need to set stroke and stroke-width CSS property on SVG element holding that icon.

For example:

stroke: black;
stroke-width: 2;

makes your icon black, and two times the line width.