A live, editable Z monogram you can download as SVG or PNG right now — plus what the shape of a Z actually demands from a logo designer.
Two horizontals joined by a single diagonal running from the top-right down to the bottom-left.
Rendered in Archivo at weight 700. Drag the letter to reposition it, then download — or open it in the full editor to change everything.
The Z is built from three strokes at three different angles, and the two junctions where the diagonal meets the horizontals are acute — sharper than the N's, because the diagonal is steeper relative to the horizontals. Those corners trap ink badly. The Z is also the letter most affected by stroke-weight conventions: in faces with any contrast the diagonal is drawn thicker than the horizontals, and if that relationship is wrong the letter looks broken. It is easily confused with a 2 and, mirrored, with an S.
Pick a face with clean acute junctions and check them at 16px — geometric sans with slight ink traps handle the Z much better than pure monolinear faces. The Z fills a square well because both its horizontals run edge to edge, so scale it up generously. A zero or very small corner radius suits it: the Z's hard horizontals echo a square container's edges, and heavy rounding fights them.
The two acute junctions go solid at 16px and the Z becomes a filled parallelogram. Reduce the weight. The Z is one of the few letters where a light weight genuinely outperforms a bold one at small sizes.
The Z's flat top and bottom make it a surprisingly cooperative letter — ZA, ZO and ZI all work with default spacing. ZZ is legible but reads as a sleep symbol. The Z's diagonal gives a lockup useful visual movement.
Archivo was drawn for headlines and keeps the Z's acute junctions open at weights where softer grotesques go solid. See what Archivo 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 Z 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 Z logo editorEach letter has its own shape problems. These are the nearest neighbours of the Z.