几分钟内创建自定义图标字体。浏览来自Lucide和Tabler的91,000多个开源图标,上传您自己的SVG文件,生成生产就绪的WOFF + CSS字体。免费,无需注册。
无需安装软件,无需创建账户。一切都在浏览器中运行。
按类别浏览91,000多个图标或按名称搜索。上传您自己的SVG文件以添加自定义图标。可以从任意集合中自由组合。
点击生成,获得带有匹配CSS文件的生产就绪WOFF字体。每个图标都会获得一个唯一的类名,如tf-icon-home。
将文件上传到您的服务器,并在标头中添加一个CSS链接。适用于HTML、React、Vue、Angular、WordPress、Webflow、Bubble及任何框架。
生成器完全免费。Pro计划以每年15加元的价格添加托管CDN和自动更新功能。
Pro计划:每月仅需$1.25。比一杯咖啡还便宜。
您生成的图标字体可以在任何能添加CSS文件的地方使用。
任何静态网站或手写代码项目。
导入CSS并在JSX或模板中使用类名。
添加到主题的字体文件夹并注册样式表。
上传到Assets,在自定义代码head中添加CSS URL。
上传文件,在SEO/Metatags标头中添加CSS URL。
在项目设置自定义代码中添加CSS URL。
上传到主题资源并在布局中引用。
在React Native、Flutter或原生应用中使用字体文件。
图标字体是一种自定义网页字体,其中每个字符都是图标而不是字母。您在网站中添加CSS文件,并使用像<i class="tf-icon-home"></i>这样的类名来显示图标。它们可以缩放到任意大小,可以用CSS着色,并且在单个HTTP请求中加载。
来自开源集合的91,000多个图标,包括Lucide和Tabler。您也可以上传自己的SVG文件,将自定义图标添加到您的字体中。
是的。免费版让您可以浏览所有91,000多个图标,上传自定义SVG,并下载编译好的WOFF + CSS文件。无需注册,无水印,对包含的图标数量没有限制。
每年15加元,Pro计划将您的图标字体托管在CDN上。您将获得一个永久URL,可以粘贴到网站的标头中。当您添加或删除图标时,CDN会自动更新,无需重新下载或上传文件。您可以创建无限的图标库。
图标字体使用更简单(只需CSS类),在单个请求中加载,并且在任何地方都能工作,包括电子邮件模板。它们可以像文本一样用CSS调整大小和着色。SVG精灵也很好,选择最适合您项目的方案即可。
可以。生成器中的所有图标都来自具有宽松许可证(MIT或ISC)的开源集合。您可以在个人和商业项目中无需署名地使用它们,但感谢原作者的贡献是受欢迎的。