Iconify

通用图标框架。一种语法,适用于 FontAwesome、Material Design Icons、DashIcons、Feather Icons、EmojiOne、Noto Emoji 和许多其他开源图标集(100 多个图标集,100,000 多个图标)。 SVG 框架、React、Vue 和 Svelte 组件!

Iconify 是最通用的图标框架。

  • 可与任何图标库一起使用的统一图标框架。
  • 开箱即用包括 100 多个图标集,其中包含超过 100,000 个图标。
  • 使用 SVG 框架或前端框架组件在 HTML 中嵌入图标。
  • 使用 Figma、Sketch 和 Adobe XD 的插件在设计中嵌入图标。
  • 使用 Iconify Icon Finder 将图标搜索添加到您的应用程序。

图标化零件

项目有几个部分,一些在这个库中,一些在其他库中。

这个存储库中包含什么?

  • 目录“packages”包含主要的可重用包:类型、实用程序、各种组件使用的可重用函数。
  • 目录“iconify-icon”包含呈现图标的“iconify-icon”网络组件。 它还包含各种无法处理 Web 组件的框架的包装器。
  • 目录 components 包含旧版本的图标组件,这些组件原生于各种框架,不使用 Web 组件。
  • 目录 plugins 包含用于生成图标的各种框架的插件。

您可能想查看的其他存储库:

  • 所有图标的数据都在 iconify/icon-sets 存储库中可用。
  • iconify/tools 存储库中提供了用于解析图标和生成图标集的工具。

图标化图标组件

此存储库中的主要包是各种图标组件。

为什么需要这些图标组件? Iconify 图标组件不仅仅是另一组图标组件。 与其他图标组件不同,Iconify 图标组件不包含图标数据。 相反,图标数据是按需从 Iconify API 加载的。

Iconify API 提供超过 100,000 个开源图标的数据! API 托管在公开可用的服务器上,分布在不同的地理位置,以确保来自世界各地的访问者能够以最快的速度连接到适当的冗余位置,以确保它始终在线。

为什么需要 API?

当您使用图标字体时,每个访问者都会加载整个字体,即使您的页面仅使用几个图标也是如此。 这是使用图标字体的主要缺点。 这将开发人员限制为一种或两种字体或图标集。

如果您使用的是非字体的典型图标集,您仍然需要捆绑应用程序中使用的所有图标,即使是访问者不需要的图标。

与各种图标集的图标字体和组件不同,Iconify 图标组件在需要时从 Iconify API 动态加载图标数据。

这使得可以无限选择图标!

相关链接

作者

源码天堂

发布于

2022-10-22

更新于

2024-01-26

许可协议

评论