Измените толщину формы SVG

Question

Я недостаточно знаком с рисунком svg.

У меня есть стрелка в формате SVG. Как увеличить толщину стрелки?

<div style="width: 100px; height:100px;"> 
 
    <svg viewBox="0 0 100 100"> 
 
    <path d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" class="arrow" transform="translate(85,100) rotate(180)"></path> 
 
    </svg> 
 
</div>

Заранее спасибо

Answer 1

Вы можете добавить инсульт с stroke="black" stroke-width="10", а затем скорректировать Viewbox соответственно.

OLD: 
 
<div style="width: 100px; height:100px;"> 
 
    <svg viewBox="0 0 100 100"> 
 
    <path d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" class="arrow" transform="translate(85,100) rotate(180)"></path> 
 
    </svg> 
 
</div> 
 
<br> 
 
NEW: 
 
<div style="width: 100px; height:100px;"> 
 
    <svg viewBox="-10 -10 120 120"> 
 
    <path d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" class="arrow" transform="translate(85,100) rotate(180)" stroke="black" stroke-width="10"></path> 
 
    </svg> 
 
</div>