HTML CSS 增加 SVG 图标的描边/厚度

Question

刚刚学习 html，如何增加 SVG 谷歌图标的笔触宽度？ 这似乎不起作用。

HTML：

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>


<i class="material-icons" style="stroke-width: 100"> arrow_forward</i>

Answer 1

stroke-width 属性定义了 svg 标签内元素的线条、文本或轮廓的粗细。

增加字体大小将修复它。

Answer 2

我看起来您正在尝试增加 SVG 的大小，而不是更改单个笔画的大小。 如果是这种情况，那么您更有可能希望改用font-size 。 这将调整整个图标的大小。

<i class="material-icons" style="font-size: 100px;"> arrow_forward</i>