Roboto Condensed Logo & App Icon Generator

Is Roboto Condensed a good choice for a logo?

Roboto narrowed by roughly a fifth, keeping the same neo-grotesque skeleton and slightly humanist details. That makes it a natural fit for wide capitals — M, W, N — that will not fit a square in a normal width.

Condensed faces solve the single most common problem in letter icons: fitting a wide capital into a square. An M, W or N in a normal-width face either crowds the container edges or has to be shrunk until it looks timid, whereas a condensed cut fits comfortably at full size. The cost is counter width. Narrowing a letter narrows the enclosed white space faster than it narrows the strokes, so condensed faces fill in sooner at small sizes — particularly in B, R, 8 and 9. Keep the weight moderate and verify at favicon size before committing.

What to watch for at small sizes

Condensing narrows the counters faster than the stems; B, R and 8 fill in early.

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.

How Roboto Condensed is rendered here

The preview above is not text with a CSS font-family applied to it. The editor loads the Roboto Condensed TTF from Google Fonts, parses it with opentype.js, and converts the glyph into an SVG <path> at weight 700. Roboto Condensed covers a usable weight range, so you can dial the mark heavier for small sizes and lighter for large ones without changing the letterform. 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.

Fonts similar to Roboto Condensed

Other faces in and around the condensed sans category.