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

时间:2019-06-27 15:41:27

标签: javascript html css asp.net-core google-material-icons

只需学习html, 如何增加SVG Google图标的笔触宽度? 这似乎不起作用。

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>

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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