A live, editable S monogram you can download as SVG or PNG right now — plus what the shape of a S actually demands from a logo designer.
A double curve — two opposed arcs joined in the middle, with terminals at the upper right and lower left.
Rendered in Lora at weight 600. Drag the letter to reposition it, then download — or open it in the full editor to change everything.
The S is the hardest capital to draw well and the easiest to draw badly. It has no straight lines and no symmetry axis, its spine must thin at exactly the right rate, and the two terminals must be balanced or the whole letter appears to tip. In heavy weights the two apertures close and the S becomes a solid blob; in condensed faces the curves flatten and it reads as a 5. It also has a strong diagonal stress that makes it look off-centre even when it is not.
Use a face with a well-drawn S and check it large before you commit — this is the letter where the difference between a good and a mediocre typeface is most visible. Keep to mid weights so the two apertures stay open. The S's diagonal stress means it looks better in a circular or heavily rounded container, where the container's curve echoes the letter's rather than fighting it.
The S degrades toward a solid diagonal smear. Its apertures are the smallest of any curved capital. At 16px, drop the weight and increase the size — the opposite of the usual advice.
SS is a strong, symmetrical pair and one of the better double-letter monograms. The S also pairs well with straight-sided letters (SI, ST, SL) which give its restless curves something stable to sit against. Avoid SO and SC.
The S lives or dies on how well its spine is drawn, and Lora's brushed, calligraphic curves give it a genuinely well-modulated spine. See what Lora 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 S 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 S logo editorEach letter has its own shape problems. These are the nearest neighbours of the S.