XDC干货｜金融图标库发布-Finicon.app

Finicon始于一次团队内部的 “自驱动项目”，XDC目前已经积累了一些金融垂类图标，对内我们希望升级雪球App的图标管理方式，对外进行图标开源，也借此提升团队在产品设计、前端工程、开源协作等方面的综合能力。

当前市面上的开源图标库虽然丰富，但针对金融、股票、基金等垂直领域的图标却寥寥无几，且缺乏系统性的分类与聚合。在金融服务中，图标不仅要美观，更要准确传达金融属性，比如“股票”与“基金”、“买入”与“卖出”、“K线”与“趋势”，而通用图标往往难以满足这种专业性需求。

为此，我们决定自己动手，打造一个真正懂金融的图标库。

Finicon-聚焦fintech场景，一个兼具功能性与设计感的金融开源图标库，提供400+风格简洁、一致性的图标，为设计师和开发者精心设计，简化工作流程。

为了确保在不同界面中的清晰度与一致性，Finicon制定了清晰统一的规范：

•

：基于

标准网格设计。

•

：采用

描边，保持视觉上的平衡与精致感。

•

：支持颜色、图标大小、描边粗细的自定义调整，适应不同的品牌风格需求。

所有图标均采用圆润、扁平、简洁的线性设计风格，符合现代fintech产品亲和、专业的视觉趋势。

Finicon并不局限于基础图标，而是深入挖掘了金融产品的核心业务场景。目前我们已上线400+SVG 图标，覆盖以下核心类别：

在Finicon，你可以直接浏览全部图标，并

，预览效果立即可见。

支持一键复制 SVG/Data Url，或直接下载SVG/PNG格式文件，无缝接入你的设计或开发流程。

我们提供技术友好的交付方式，使工程师可以更轻松地将图标集成到他们的项目中，目前我们支持了

这是Finicon从“素材站”转型为“开发工具”的关键一步。

为了方便设计师更方便的直接拖拽使用，而不是去网站下载，我们支持了

（https://www.figma.com/community/plugin/1593916161187656831/finicon-fintech-icon-library）

项目过程中的面临的挑战和沉淀也分享给大家。

我们并没有一开始就撰写一份超详细的百页PRD，而是：

：第一期就是300个图标+可浏览可下载的网站。

：每周会议不纠结于完美计划-图标风格对吗？网站操作流畅感好吗？如果不对，快速调整迭代。

从图标风格定义、设计规范制定，到网站搭建、交互实现，再到NPM包封装与发布，全部由设计师协作完成。我们也在整个过程中实践了 “Vibe Coding” 和敏捷迭代的工作流程。

Finicon计划未来持续迭代的内容：

产品还很早期，还有很大改进空间，如果你正在开发金融、理财、数据类产品，或只是对图标设计感兴趣，Finicon都期待你的关注与参与，希望大家给我们留言反馈 。

项目负责 | @倩

项目成员 | @志隆 @小豪 @倩

内容写作 | @倩

动态包装 | @小豪

内容编辑&排版 | @VV