HTML CSS Увеличить размер / толщину для SVG Icon - PullRequest
Новая
       58

HTML CSS Увеличить размер / толщину для SVG Icon

1 голос
/ 27 июня 2019

Просто изучаю 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 ]

1 голос
/ 27 июня 2019

Похоже, вы пытаетесь увеличить размер SVG, а не изменять размер отдельного штриха.Если это так, то вы, скорее всего, захотите использовать font-size.Это изменит размер всей иконки. 

<i class="material-icons" style="font-size: 100px;"> arrow_forward</i>
1 голос
/ 27 июня 2019

Свойство stroke-width определяет толщину линии, текста или контура элемента внутри тега svg.

Увеличение размера шрифта исправит это.

...