这是一个创建于 130 天前的主题，其中的信息可能已经有所发展或是发生改变。
大家写前端时是如何跟设计对接 icon ？
iconfont 、iconpark （这个带个 beta ）、iconbox 。
1 条回复 • 2024-08-20 14:45:47 +08:00
 |
1
bojackhorseman 130 天前  1
现在在用 iconpark ，产品用的 figma ，图标是可以导出为 svg 的。
1. 导出后的单色图标用 vscode 打开，使用 svg 编辑器将 stroke 透明度去掉，并将颜色修改为 currentColor ，后面就可以通过 css 设置 color 来控制图标的颜色 2. 在 iconpark 上创建一个项目，上传图标，可以设置不同分组 3. 更新代码，使用 web component 链接，更新到 index.html 里  4. 下载类型文件，这里生成的 ts 是给 react 用的，摘取 name 字段作为类型   5. 组件调用 <iconpark-icon name="arrow" /> 每次需要更新图标就重复以上步骤 |
Select Language