A
A
Alexander Belov2017-02-28 22:04:53
css
Alexander Belov, 2017-02-28 22:04:53

How to change SVG thickness?

I can't figure out how to change line thickness in SVG.
Such code is here:

<svg xmlns="http://www.w3.org/2000/svg" width="475.07" height="475.07" viewBox="0 0 475.075 475.075" fill="#FFF">
<path stroke-width="10" d="M475.07 186.57c0-7.04-5.32-11.42-16-13.13l-143.3-20.84-64.24-129.9c-3.62-7.8-8.28-11.7-14-11.7-5.7 0-10.36 3.9-13.98 11.7L159.3 152.6 16 173.44c-10.67 1.7-16 6.1-16 13.13 0 4 2.38 8.57 7.14 13.7l103.92 101.08L86.5 444.1c-.37 2.66-.56 4.57-.56 5.7 0 4 1 7.38 3 10.14 2 2.77 5 4.15 9 4.15 3.42 0 7.22-1.15 11.4-3.44l128.2-67.38 128.2 67.38c4 2.28 7.8 3.43 11.4 3.43 7.82 0 11.72-4.76 11.72-14.28 0-2.48-.1-4.38-.3-5.72l-24.54-142.74L467.66 200.3c4.94-4.97 7.4-9.54 7.4-13.73zM324.63 288.5l20.55 120.2-107.63-56.82L129.6 408.7l20.86-120.2-87.37-84.8L183.57 186l53.95-109.06L291.5 186 412 203.7l-87.38 84.8z"/>
</svg>

I use stroke-widthit but it doesn't help.
JSFiddle

Answer the question

In order to leave comments, you need to log in

2 answer(s)
I
Igor Koch, 2017-02-28
@amux

Because this is not a line, but a figure in the form of a thick line, which has no outline.
Here's what happens if you add it:
https://jsfiddle.net/g1ox9tkg/

A
Andrey B., 2017-02-28
@andykov

This is a figure. Save the code to a file with the svg extension and open it for example in illustrator or online , edit if you know how to work with curves.
Or you can cheat like this https://jsfiddle.net/g1ox9tkg/1/ , depending on what you have in the background.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question