handwriting

Shadows Into Light Logo & App Icon Generator

Make a letter icon set in Shadows Into Light 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 light, quick handwriting face with thin strokes and a noticeable rightward slant.

S

The letter S set in Shadows Into Light at weight 400, vectorized with opentype.js. Drag it to reposition, then download.

Shadows Into Light specimen

ABCDEFGHIJKLM

NOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 & @ &

Is Shadows Into Light a good choice for a logo?

A light, quick handwriting face with thin strokes and a noticeable rightward slant. That makes it a natural fit for diary, journalling and wellness products.

Scripts and handwriting faces are the hardest class to use in a square icon, because they are designed as connected running text and a single isolated letter loses the connective rhythm that makes them work. Entry and exit strokes stick out of the letterform and get clipped by the container; contrast between thick and thin is usually high; and the resulting silhouette is far less distinctive than a printed capital. If you want a script mark, use a monoline script rather than a high-contrast one, scale it generously, and accept that it will not survive favicon size.

What to watch for at small sizes

Thin strokes make it one of the worst possible favicon choices without heavy scaling.

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 Shadows Into Light is rendered here

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

Open the free editor with Shadows Into Light 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 Shadows Into Light icon editor

© 2026 AppIcons.dev. All rights reserved.