art-deco display

Righteous Logo & App Icon Generator

Make a letter icon set in Righteous 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-weight deco face with squared-off geometry and distinctive flat-sided round letters.

R

The letter R set in Righteous at weight 400, vectorized with opentype.js. Drag it to reposition, then download.

Righteous specimen

ABCDEFGHIJKLM

NOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 & @ &

Is Righteous a good choice for a logo?

A single-weight deco face with squared-off geometry and distinctive flat-sided round letters. That makes it a natural fit for retro-modern marks and entertainment brands.

Display faces were drawn to be seen large. Their spacing is tighter than a text face, their details are finer, and their proportions assume the reader is looking at a headline rather than a browser tab. That makes them excellent for an app icon at 512 pixels and unreliable at 16. The practical approach is to design the mark at display size, export the full icon set, then look specifically at the smallest PNG and the favicon.ico — and if the letter has collapsed, keep the display face for the large sizes and use a simplified shape for the small ones.

What to watch for at small sizes

One weight only, and the flat-sided curves confuse O, D and Q at small sizes.

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 Righteous is rendered here

The preview above is not text with a CSS font-family applied to it. The editor loads the Righteous TTF from Google Fonts, parses it with opentype.js, and converts the glyph into an SVG <path> at weight 400. Righteous 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.

Try Righteous on a specific letter

Every letter has its own problems, and a typeface that solves them for one letter can create them for another. These pages cover the shape of each capital in detail:

Design an icon in Righteous

Open the free editor with Righteous 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 Righteous icon editor

© 2026 AppIcons.dev. All rights reserved.