A live, editable X monogram you can download as SVG or PNG right now — plus what the shape of a X actually demands from a logo designer.
Two diagonals crossing near the centre — the only capital with a true crossing point rather than a junction.
Rendered in Inter at weight 700. Drag the letter to reposition it, then download — or open it in the full editor to change everything.
The X is defined by its crossing, and the crossing is an ink trap. Where the two diagonals overlap, stroke weight effectively doubles, producing a dark blot at the centre that gets worse as the weight increases. Well-drawn faces compensate by thinning the strokes slightly at the crossing; poorly-drawn ones do not. The X also has four empty corners and four sharp terminals, so it carries little ink outside the centre and looks unbalanced if the crossing sits at the exact vertical middle.
Check the crossing at full size and at 16px before anything else. Faces that thin at the crossing (Inter, IBM Plex Sans, Work Sans) hold up far better than heavy display faces. Note that the crossing should sit slightly above the vertical centre for optical balance — good typefaces do this automatically, and if yours does not, nudge the letter down slightly. The X's four-fold symmetry makes it a natural fit for a circular container.
The X at 16px becomes a dark centre with four faint arms. Reducing the weight helps far more than increasing the size. Avoid heavy display faces entirely for an X favicon.
The X's splayed arms collide with everything. XX creates a lattice that reads as texture rather than as letters. If you need an X in a lockup, give it substantially more tracking than the rest of the mark.
Inter thins its diagonals slightly where they cross, which is the single thing that stops an X from developing a black blot at the centre. See what Inter 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 X 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 X logo editorEach letter has its own shape problems. These are the nearest neighbours of the X.