如何减小SVG图标的描边线条粗细?
SVG图标描边粗细调整方法
调整操作非常简单,具体步骤如下:
- 找到你提供的SVG代码中
<path>标签里的stroke-width属性,当前默认值为0.5,该参数直接控制路径描边的粗细程度 - 若要降低描边粗细,直接将该属性的数值修改为更小的有效值即可,比如可以调整为
0.3、0.2甚至0.1,数值越小描边越细,修改完成后保存代码即可生效
如果你需要修改为0.2粗细的示例代码如下:
<svg width="85" height="85" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="ion"> <path d="M6 12C6 15.3137 8.68629 18 12 18C14.6124 18 16.8349 16.3304 17.6586 14H12V10H21.8047V14H21.8C20.8734 18.5645 16.8379 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C15.445 2 18.4831 3.742 20.2815 6.39318L17.0039 8.68815C15.9296 7.06812 14.0895 6 12 6C8.68629 6 6 8.68629 6 12Z" stroke="white" stroke-width="0.2" fill="none" /> </svg>
注意:如果你的SVG文件中包含多个
<path>路径元素,需要给每个需要调整描边粗细的路径单独修改对应的stroke-width属性值。
内容的提问来源于stack exchange,提问作者Mr. Dissident
相关产品推荐
相关产品推荐

