免费工具

图标字体生成器
91,000+ 图标

几分钟内创建自定义图标字体。浏览来自Lucide和Tabler的91,000多个开源图标,上传您自己的SVG文件,生成生产就绪的WOFF + CSS字体。免费,无需注册。

TimingFlow 图标字体生成器 - 浏览91,000多个图标,选择所需图标,生成您的自定义字体
0
开源图标
0
图标集合
WOFF+CSS
输出格式
$0
免费使用
使用方法

三步创建您的自定义图标字体

无需安装软件,无需创建账户。一切都在浏览器中运行。

1

选择图标

按类别浏览91,000多个图标或按名称搜索。上传您自己的SVG文件以添加自定义图标。可以从任意集合中自由组合。

2

生成字体

点击生成,获得带有匹配CSS文件的生产就绪WOFF字体。每个图标都会获得一个唯一的类名,如tf-icon-home。

3

添加到您的网站

将文件上传到您的服务器,并在标头中添加一个CSS链接。适用于HTML、React、Vue、Angular、WordPress、Webflow、Bubble及任何框架。

套餐

永久免费。需要时升级Pro。

生成器完全免费。Pro计划以每年15加元的价格添加托管CDN和自动更新功能。

免费
Pro - $15/年
✓ 91,000+ 图标
✓ 91,000+ 图标
✓ 上传自定义SVG
✓ 上传自定义SVG
✓ 下载WOFF + CSS
✓ 下载WOFF + CSS
✗ 手动自托管文件
✓ 托管CDN链接
✗ 更改后重新下载
✓ 更改后自动更新
✗ 无法保存图标库
✓ 无限保存图标库
永久免费
$15 CAD/年

Pro计划:每月仅需$1.25。比一杯咖啡还便宜。

兼容性

适用于所有平台

您生成的图标字体可以在任何能添加CSS文件的地方使用。

HTML / CSS

任何静态网站或手写代码项目。

React / Vue / Angular

导入CSS并在JSX或模板中使用类名。

WordPress

添加到主题的字体文件夹并注册样式表。

Webflow

上传到Assets,在自定义代码head中添加CSS URL。

Bubble

上传文件,在SEO/Metatags标头中添加CSS URL。

WeWeb

在项目设置自定义代码中添加CSS URL。

Shopify

上传到主题资源并在布局中引用。

移动应用

在React Native、Flutter或原生应用中使用字体文件。

常见问题

常见问题解答

什么是图标字体?

图标字体是一种自定义网页字体,其中每个字符都是图标而不是字母。您在网站中添加CSS文件,并使用像<i class="tf-icon-home"></i>这样的类名来显示图标。它们可以缩放到任意大小,可以用CSS着色,并且在单个HTTP请求中加载。

有多少图标可用?

来自开源集合的91,000多个图标,包括Lucide和Tabler。您也可以上传自己的SVG文件,将自定义图标添加到您的字体中。

真的免费吗?

是的。免费版让您可以浏览所有91,000多个图标,上传自定义SVG,并下载编译好的WOFF + CSS文件。无需注册,无水印,对包含的图标数量没有限制。

Pro计划增加了什么?

每年15加元,Pro计划将您的图标字体托管在CDN上。您将获得一个永久URL,可以粘贴到网站的标头中。当您添加或删除图标时,CDN会自动更新,无需重新下载或上传文件。您可以创建无限的图标库。

为什么使用图标字体而不是SVG精灵?

图标字体使用更简单(只需CSS类),在单个请求中加载,并且在任何地方都能工作,包括电子邮件模板。它们可以像文本一样用CSS调整大小和着色。SVG精灵也很好,选择最适合您项目的方案即可。

我可以将这些图标用于商业用途吗?

可以。生成器中的所有图标都来自具有宽松许可证(MIT或ISC)的开源集合。您可以在个人和商业项目中无需署名地使用它们,但感谢原作者的贡献是受欢迎的。

生态系统

TimingFlow生态系统的一部分

这个图标字体生成器是TimingFlow众多工具之一——TimingFlow是为数字代理商提供服务的创意操作系统。一个替代整个技术栈的平台。

  • App Studio -- 拖拽式网站和应用构建器
  • AI视频、播客和内容生成
  • 无平台费用的电商解决方案
  • 表单、工作流、数据库和30多个模块
  • 替代Vimeo/Wistia的视频托管
  • PDF生成的Document Studio
寻找代理商 查看所有功能
TimingFlow控制台 -- 30多个模块协同工作

准备好创建您的图标字体了吗?

91,000多个图标。自定义SVG。WOFF + CSS输出。免费,无需注册。