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

Flutter自定义图标生成:fluttericon设置stroke-width不生效如何解决

fluttericon.com stroke-width配置不生效解决方案

问题原因

fluttericon.com的导入解析逻辑默认不支持识别用户手动新增的stroke-width自定义字段,你在config.json里额外添加的该字段会在导入阶段被直接过滤,因此会出现下载后字段丢失、图标线条粗细无变化的情况。

可行解决步骤

  • 优先选择修改原始SVG源文件的方案:打开你要上传的所有图标SVG文件,给<path>等绘图标签统一设置stroke-width属性为你需要的数值,注意如果SVG原本是填充(fill)渲染模式,需要先调整为描边(stroke)模式再修改描边宽度,避免配置不生效。
  • 修改完成后直接把调整好的SVG文件拖入fluttericon.com的上传区域,不要通过上传修改后的config.json的方式导入配置。
  • 在网站预览区确认所有图标线条粗细符合预期后,再点击下载生成ttf字体文件和对应配置即可。

如果你确实需要通过config.json配置调整,需要找到config.json中每个图标对应svg项的path字段,直接修改路径数据内的描边属性,而非额外新增stroke-width字段,不过该方案操作复杂度更高,更推荐直接修改原始SVG的方案。


内容的提问来源于stack exchange,提问作者BeniaminoBaggins

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.30 17:09:03