old-style serif

EB Garamond Logo & App Icon Generator

Make a letter icon set in EB Garamond and download it as SVG, PNG or a complete favicon package — the letters are vectorized, so nobody needs the font installed to see your mark.

A faithful revival of Claude Garamont's 16th-century types: small x-height, angled stress, delicate serifs.

E

The letter E set in EB Garamond at weight 600, vectorized with opentype.js. Drag it to reposition, then download.

EB Garamond specimen

ABCDEFGHIJKLM

NOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 & @ &

Is EB Garamond a good choice for a logo?

A faithful revival of Claude Garamont's 16th-century types: small x-height, angled stress, delicate serifs. That makes it a natural fit for heritage brands, bookshops and anything that should feel old.

Text serifs bring warmth and a sense of establishment that no sans-serif can match, and at app-icon sizes they work perfectly well. The failure point is the favicon. Serifs are by definition finer than the stems they terminate, so they are the first detail that antialiasing removes, and once they are gone the letter reads as a slightly damaged sans. Choose a face with sturdy, low-contrast serifs — screen-first designs rather than print revivals — and if the mark must work at 16 pixels, test the exported ICO rather than trusting a scaled-down preview.

What to watch for at small sizes

The small x-height means lowercase letters are tiny in the frame; use capitals.

A favicon is rendered at 16 × 16 pixels. That is roughly the area of a single character of this paragraph, and it is where most typographic decisions stop mattering and start breaking. The reliable test is not to zoom out of a large preview — browsers resample that far more kindly than a real favicon pipeline does — but to export the actual favicon.ico and look at it in a browser tab.

How EB Garamond is rendered here

The preview above is not text with a CSS font-family applied to it. The editor loads the EB Garamond TTF from Google Fonts, parses it with opentype.js, and converts the glyph into an SVG <path> at weight 600. EB Garamond covers a usable weight range, so you can dial the mark heavier for small sizes and lighter for large ones without changing the letterform. Because the export contains outlines rather than text, the mark renders identically for every visitor whether or not they have the font, and it stays crisp at any size.

Try EB Garamond on a specific letter

Every letter has its own problems, and a typeface that solves them for one letter can create them for another. These pages cover the shape of each capital in detail:

Design an icon in EB Garamond

Open the free editor with EB Garamond and 900+ other Google Fonts. Change the weight, spacing, colours and corner radius, then export SVG, PNG, ICO or a complete web icon package.

Open the EB Garamond icon editor

© 2026 AppIcons.dev. All rights reserved.