Build a custom icon font in minutes. Browse 91,000+ open-source icons from Lucide and Tabler, upload your own SVGs, and generate a production-ready WOFF + CSS font. Free, no signup required.
No software to install, no account to create. Everything runs in your browser.
Browse 91,000+ icons by category or search by name. Upload your own SVG files to add custom icons. Mix and match from any collection.
Click generate and get a production-ready WOFF font with a matching CSS file. Every icon gets a unique class name like tf-icon-home.
Upload the files to your server and add one CSS link to your header. Works with HTML, React, Vue, Angular, WordPress, Webflow, Bubble, and any framework.
The generator is completely free. The Pro plan adds hosted CDN with auto-updates for $15 CAD/year.
Pro plan: that's $1.25/month. Less than a coffee.
Your generated icon font works anywhere you can add a CSS file.
Any static site or hand-coded project.
Import the CSS and use class names in JSX or templates.
Add to your theme's fonts folder and enqueue the stylesheet.
Upload to Assets, add CSS URL in custom code head.
Upload files, add CSS URL in SEO/Metatags header.
Add the CSS URL in Project Settings custom code.
Upload to theme assets and reference in layout.
Use the font file in React Native, Flutter, or native apps.
An icon font is a custom web font where each character is an icon instead of a letter. You include a CSS file in your site and use class names like <i class="tf-icon-home"></i> to display icons. They scale to any size, can be colored with CSS, and load in a single HTTP request.
Over 91,000 icons from open-source collections including Lucide and Tabler. You can also upload your own SVG files to include custom icons in your font.
Yes. The free tier lets you browse all 91,000+ icons, upload custom SVGs, and download the compiled WOFF + CSS files. No signup, no watermark, no limits on how many icons you include.
For $15 CAD/year, the Pro plan hosts your icon font on a CDN. You get a permanent URL to paste in your site's header. When you add or remove icons, the CDN updates automatically -- no re-downloading or re-uploading files. You can create unlimited icon libraries.
Icon fonts are simpler to use (just CSS classes), load in a single request, and work everywhere including email templates. They can be sized and colored with CSS just like text. SVG sprites are great too -- use whatever fits your project.
Yes. All icons in the generator are from open-source collections with permissive licenses (MIT or ISC). You can use them in personal and commercial projects without attribution, though crediting the original authors is appreciated.
This icon font generator is one of many tools in TimingFlow -- the creative OS powering digital agencies. One platform that replaces your entire tech stack.
91,000+ icons. Custom SVGs. WOFF + CSS output. Free, no signup needed.