Uwarp

Fontello — build a custom icon webfont

Pick icons from open sets, customize glyphs, and download a webfont plus CSS—lightweight icon fonts without shipping a full library.

  • Icon Fonts
  • Webfont Generator
  • SVG Icons
  • CSS Icons
Publisher
Fontello
Type
Icon Font Generator
Pricing
Free
Reviewed
20 August 2026
Official site

Quick verdict

Use when

  • Pick icons from open sets
  • Customize glyphs
  • Download webfont + CSS
  • Free browser tool

Skip when

  • SVG / React icon components
  • Multi-set searchable browser
  • Commercial icon kit + hosting

Fontello vs common alternatives

Weigh Fontello against typical alternatives on tiers, learning cost, output caps, and privacy posture for icon font generator. Confirm live details on each official site.

Tap a dimension to focus

Pricing

  1. Fontello — official site
  2. IcoMoon — official site
  3. Font Awesome — official site

Preview of Fontello - not the live app. Confirm details on the official site.

Does this overview help you decide?

—

(—)

Learn more

Details below the decision summary—features, workflow, and scope notes.

What is Fontello?

Pick icons from open sets, customize glyphs, and download a webfont plus CSS—lightweight icon fonts without shipping a full library.

What it costs

Tier snapshot before you generate a font.
Free tier
Yes
Pricing summary
Fontello is free to use in the browser. Individual icon sets carry their own licenses—confirm attribution or commercial terms for each set you include. No paid Fontello plan is required for the core generator.

Reviewed on 20 August 2026 · Fontello — official site

What Fontello provides

Core capabilities of the public Fontello app.

  • Multi-set picker

    Select glyphs from several open icon collections in one project.

  • Glyph customization

    Adjust codes and names before export so CSS classes match your app.

  • Webfont + CSS download

    Get a zip with font files and stylesheets ready to drop into a site.

  • Subset-first workflow

    Ship only the icons you need instead of an entire marketplace kit.

How teams use Fontello

A practical icon-font workflow.

  1. Open Fontello

    Load fontello.com and browse available open icon sets.

  2. Select and name glyphs

    Click the icons you need and set CSS-friendly names or codes.

  3. Download the zip

    Generate the webfont package with font files and CSS.

  4. Check licenses

    Confirm each included set’s license before shipping to production.

Who Fontello is for

Roles that still ship icon fonts or need tiny subsets.

  • Front-end developers

    Embed a custom icon font without pulling a mega kit into the bundle.

  • Legacy site maintainers

    Keep webfont-based UIs working when SVG migration is not scheduled yet.

  • Design-system builders

    Prototype a minimal icon set before committing to SVG components.

When Fontello is the right pick

Choose Fontello when you need a free custom icon webfont subset. Skip it when SVG/React components or a full commercial kit is a better fit.

Licensing and platform notes

Facts to verify on the official site before you depend on a workflow.
Browser generator
Build and download in the browser. Confirm any advanced upload features on the site.
Per-set licenses
Fontello aggregates open sets. Each glyph’s license (attribution, commercial use) is your responsibility.
Webfont vs SVG
Icon fonts are convenient but accessibility and multi-color icons often favor SVG/components today.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.