Make a letter icon set in Varela Round 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 single rounded weight with a consistently thick stroke — essentially a friendlier grotesque.
The letter A set in Varela Round at weight 400, vectorized with opentype.js. Drag it to reposition, then download.
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ &
A single rounded weight with a consistently thick stroke — essentially a friendlier grotesque. That makes it a natural fit for a soft mark that still holds up as a small solid shape.
Rounded faces read as friendly, and that reading is strong enough to override almost every other signal in the mark — a rounded letter on a serious dark background still feels approachable. The technical catch is that rounding consumes effective stroke width: the corners of every stroke are cut away, so a rounded face at weight 600 has visibly less ink than a flat-terminal face at the same weight. Go one weight heavier than you would otherwise, and check the result at 16 pixels, where the rounding itself becomes invisible and only the reduced weight remains.
Only one weight exists, so heaviness is fixed; adjust presence via optical size instead.
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.
The preview above is not text with a CSS font-family applied to it. The editor loads the Varela Round TTF from Google Fonts, parses it with opentype.js, and converts the glyph into an SVG <path> at weight 400. Varela Round ships as a single weight, so the weight control has no effect on it — adjust presence with optical size instead. 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.
Open the free editor with Varela Round 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 Varela Round icon editorOther faces in and around the rounded sans category.