1

Just learning html, How do I increase the stroke width of a SVG google icon? This does not seem to be working.

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 Answers2

0

The stroke-width property defines the thickness of a line, text or outline of an element inside the svg tag.

Increasing the font-size will fix it.

Alisha
  • 101
  • 4
0

I looks like you are trying to increase the size of the SVG rather than change the size of an individual stroke. If that is the case, then you will more likely want to use font-size instead. This will resize the whole icon.

<i class="material-icons" style="font-size: 100px;"> arrow_forward</i>
Bartzlack
  • 34
  • 5
  • I want to change the size of the actual strokes, not the size, thanks –  Jun 27 '19 at 16:03
  • I think I understand now. You many want to try something link this ` arrow_forward`. From the developers notes, it looks like it does not work in Internet Explorer however. – Bartzlack Jun 27 '19 at 16:17