How can I refine the border of the images to less strong or less thick lines by removing the thickness.
Can you explain me?
<svg id="9b4dbafc-bcc6-4b4a-adde-826ab2107392" data-name="591408eb-8b74-4e6a-96a1-6811bcf8a314" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 165.63406 122.00001"><title>synerise-crm</title><rect y="0.00001" width="165.63406" height="122" style="fill:#fff;opacity:0"/><path d="M107.85443,119.8275c0.75272-34.62034-15.805-42.41714-52.68318-43.92234C18.2931,77.41036,2.48808,84.45455,2.48808,119.8275" transform="translate(27.63352 0.00001)" style="fill:none;stroke:#25bac7;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px"/><path d="M55.17126,53.178a25.37786,25.37786,0,0,0,25.589-25.1648q0.0018-.21215,0-0.42419C81.513,13.28927,69.47107,2,55.17126,2A25.589,25.589,0,0,0,55.17126,53.178Z" transform="translate(27.63352 0.00001)" style="fill:none;stroke:#9babb5;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px"/></svg>
Pass the border of the images or the lines of the drawing to a border like this image.
Some source with working examples, full examples on image structure or layout
SVG
Modifying the attribute
stroke-width
.then
stroke-width:4px
modify to:
stroke-width:0.5px
to make it thinner or thicker, try modifying that attribute