Javascript HTML CSS增加SVG图标的笔划/厚度

只是学习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>

向前箭头

笔划宽度属性定义svg标记内元素的线条、文本或轮廓的厚度

---

增大字体大小将解决此问题。

看起来您是在尝试增大SVG的大小，而不是更改单个笔划的大小。如果是这种情况，那么您可能更希望使用

font size

。这将调整整个图标的大小

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

向前箭头

增加字体大小。你能写出上面完整的工作代码吗？我可以发送点，谢谢arrow_Forward我想更改实际笔划的大小，而不是大小，谢谢下载谷歌图标作为svg，并添加笔划属性。我想更改实际笔划的大小，而不是大小，谢谢我想我现在明白了。你们很多人都想尝试将此

箭头向前链接
。然而，从开发者的笔记来看，它在InternetExplorer中似乎不起作用。