现在在用 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" />
每次需要更新图标就重复以上步骤