发布于 2026-01-06 1 阅读
0

副项目更新 - Fluenticons v2

副项目更新 - Fluenticons v2

所以,去年二月我做了一个小型周末项目,上个月我发布了它的第二版。

Fluenticons是一款用于查看 Microsoft Fluent 图标的图标查看器。它拥有超过 4000 个精美的开源图标,您可以在项目中使用它们。

Fluenticons 现在由 Iconfinder 赞助,注册即可获得价值 10 美元的积分(通过 Fluenticons 中的横幅广告)。

v2版本新增了哪些内容?

  • 不再使用任何技巧,我现在使用的是真正的 SVG,因此能够添加一些新功能,例如对它们进行操作。
  • 您可以复制 SVG、Vue 组件、React 组件、HTML 图片的代码片段。
  • 您现在可以下载 SVG、PNG、WEBP、Vue 组件、React 组件。
  • 调整颜色,看看图标的效果。
  • 性能大幅提升,加载速度快得惊人!(Lighthouse 得分 100 分,太棒了!!)从 Vercel 迁移到 Cloudflare Pages 后,网站加载时间竟然只有 600 毫秒,真是让我惊喜不已。

接下来是什么?

  • 制作一个高级编辑器,比如给图标添加边框。灵感来源:Bakery 和 Iconscout 的图标编辑器(需要大量的数学运算,而我并不擅长)。
  • 创建一个 npm 包,供其他人在自己的 Web 项目中使用这些组件,可能类似于 Web 组件,比如 boxicons。

技术栈

Nuxt.js
Tailwind CSS。
托管于 Cloudflare Pages。

文章来源:https://dev.to/fayaz/sideproject-update- Fluenticons-v2-np