A live, editable E monogram you can download as SVG or PNG right now — plus what the shape of a E actually demands from a logo designer.
A vertical stem with three horizontal arms — upper, middle and lower — the middle one usually shortest.
Rendered in Lexend at weight 700. Drag the letter to reposition it, then download — or open it in the full editor to change everything.
The E is a comb, and combs clog. Two horizontal slots of negative space separate the three arms, and at small sizes those slots are the first thing to fill in, turning the E into a solid rectangle. The E is also narrow relative to its height in most faces, so a single E leaves a lot of empty space on either side of a square canvas. Serif faces add serifs to all three arm ends, which further reduces the slot width.
Pick a face with a large x-height and wide arm spacing — Lexend and Public Sans were both drawn with legibility research behind them and keep the E slots noticeably open. Scale the E up until it nearly touches the container top and bottom; a small E floating in a square looks accidental. Increasing the letter's width via the width control opens the slots without changing the stroke weight.
The E at 16px is one of the classic failures. If the middle arm merges with either neighbour, the letter reads as a C or an F. Reduce the weight rather than increasing the size — thinner strokes mean wider slots.
EE is visually confusing because the two combs create a moiré-like pattern. EA and EM work well: the E's flat right edge gives the following letter a clean vertical to sit against. The E is one of the safest letters to place first in a two-letter mark.
Lexend was engineered around reading research, with wider-than-normal apertures — which is exactly what the E's two horizontal slots need. See what Lexend looks like as an icon , or swap it for any of the 900+ Google Fonts in the editor.
Geometric centring and optical centring are not the same thing. Nudge the E until it looks centred, not until the numbers say it is.
Corner radius changes the mood more than the font does. A 0% square reads as technical, 20% as an app icon, 50% as a personal avatar.
The editor's Web Icons export produces ten PNG sizes, an SVG, a favicon.ico, a manifest and the HTML to install it all.
Open the free editor, change the font, colours, corner radius and spacing, then export SVG, PNG, ICO or a complete favicon package. No account, no watermark.
Open the letter E logo editorEach letter has its own shape problems. These are the nearest neighbours of the E.