You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何减小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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 10:45:04