Tumblr’s September 2022 Logo: Before-and-After Evaluation

What this evaluation covers

The asset in question is Tumblr’s September 2022 identity refresh: a restyled letter-t mark and a companion wordmark that succeeded the long-running speech-balloon “t.” For readers who evaluate, reconstruct, or prepare vector logos, the useful question is how that change affects drawable geometry, lockups, file delivery, and permission to use the artwork. This article answers that question. It does not inspect an official brand kit, measure paths, or treat a filename as proof that a file contains editable vectors.

The earlier mark

Before the 2022 refresh, Tumblr’s primary icon was a lowercase t sitting inside a speech balloon. That hybrid—letter plus container—gave the brand a distinctive silhouette and a pictorial cue (posting, talking, reblogging) that a plain letter does not carry. In artwork terms it is two jobs in one drawing: a closed balloon outline and an inner letter, with negative space between them. That structure is memorable at medium sizes. It is also the kind of mark that needs careful simplification when it has to hold as a favicon, app icon, or single-color print.

What September 2022 introduced

In September 2022 Tumblr put a new logo system in front of users: a redrawn t as the compact symbol, plus a custom wordmark for the full name. The speech balloon no longer does the identity’s heavy lifting. The new system is letterform-first. The symbol is meant to read as a t on its own; the wordmark carries the name when there is room. Public reporting on the launch described a broader visual refresh around those marks. This evaluation treats that launch as the cutoff between “before” and “after.” It does not assign a designer, a hex value, a grid, or a file inventory that has not been verified from an official kit.

Before-and-after as vector artwork

Aspect	Speech-balloon t (earlier primary icon)	September 2022 system
What is drawn	A letter locked inside a balloon: outline, inner t, and the counter between them.	A standalone t plus a separate wordmark lockup.
Silhouette	Pictorial and unique at a glance; the balloon is part of the read.	Typographic; recognition depends on the letter shape and consistent use.
Path load (editorial)	More contours and a trapped counter, so small-size cleanup is often required.	Fewer competing shapes in the symbol; the wordmark adds letter-spacing and counters of its own.
Typical lockups	Icon-led; the balloon-t often stood alone.	Symbol for tight spaces; wordmark for named applications; both need clear-space rules.
Reproduction risk	Thin balloon strokes and tight inner gaps can fill in when reduced, embroidered, or cut from vinyl.	A bold letter generally reduces more cleanly; the wordmark fails if letter gaps collapse.
Color role	Often a single fill, which is friendly to one-color work if the geometry holds.	Still typically a solid-fill identity in practice, but that must be confirmed in the delivered file, not assumed from a screen preview.

The practical shift is from a pictorial container to a letter system. A balloon-t is a compound mark: if you outline it, you usually get an outer path, an inner letter, and a knockout or compound path for the gap. A 2022-style t is closer to a single character drawn as shapes. That is easier to scale, to convert to a one-color master, and to pair with a wordmark. It is also easier to get wrong if someone traces a raster screenshot and calls the result a vector original. The new wordmark is a second artwork, not a caption under the old icon. Treating “the Tumblr logo” as one file after 2022 is a common delivery mistake.

Vector paths, rasters, and previews

A logo on a webpage, in a press image, or in an app icon is a raster preview unless you have opened a file and confirmed live paths. An SVG, PDF, or EPS wrapper can still contain an embedded PNG. A file named “logo.svg” is not evidence that the artwork is editable geometry. For this identity, inspect the symbol and the wordmark separately. Confirm that letter counters are real holes (compound paths or overlapping fills with a defined knockout), not painted-on white shapes that break on a dark background. Confirm that the wordmark is outlined paths or live type you are licensed to use. A flattened preview is enough to recognize the brand. It is not enough to rebuild, recolor, or send the mark to print, cut, or motion.

Check before treating a file as production vector artwork:
- Symbol and wordmark are separate masters, not one flattened bitmap.
- Shapes are paths (points and curves), not a placed image inside SVG, PDF, or EPS.
- Counters are true holes, not opaque white fills.
- Wordmark letters are outlines, or live type with a font you may use.
- Artboard includes a single-color version, not only a screen-colored preview.
- Clear space and minimum size, if provided, are documented next to the art, not inferred from a PNG.

Download, modification, and use

Permission to download a logo is not permission to modify it, to combine it with other marks, or to use the name, letter t, or wordmark as your own. Tumblr’s t and wordmark are trademarked brand assets. Official brand materials, if the company publishes them, may allow press or partnership use under stated conditions. Those conditions do not automatically include redrawing paths, changing proportions, swapping colors, or embedding the mark in merchandise. Fan reconstructions, icon packs, and “free SVG” copies are especially weak evidence of either path quality or legal right. If you need production vectors, request them from the trademark owner or an authorized partner and keep the usage terms with the files.

Gaps this evaluation cannot close

• The exact construction grid, stroke weights, corner radii, and clear-space values for the 2022 symbol and wordmark, which belong in an official guidelines PDF or kit and are not measured here.
• Whether any given public file is true vector, outlined type, live type, or a raster in a vector wrapper.
• The official color system (spot, RGB, and any print builds) and whether a gradient or effect is part of the master.
• The typeface licensing position if the wordmark is still live text rather than outlines.
• A complete inventory of lockups (symbol only, wordmark only, stacked, horizontal, inverted, single-color).
• Any in-house or studio credit for the 2022 drawing, which is not required to evaluate the artwork’s structure.

How to use this in practice

If you are matching or preparing Tumblr’s post-September 2022 logo, work from the 2022 t and wordmark, not from the speech-balloon icon, unless a historical layout is the brief. Keep two masters. Test the symbol at favicon and app-icon sizes and the wordmark at the smallest line length you will actually use. Deliver a single-color path version alongside any full-color screen file. Do not rebuild from a screenshot and do not treat a downloaded preview as a license. Where official path data, fonts, and terms are missing, say so and stop short of inventing them.