Twitter Logo: Old and New Compared
A visual comparison of Twitter’s bird mark and the later X lettermark, covering shape, color, geometry, and what those changes mean for vector assets.
Contents
What the old and new marks actually are
The comparison is between two official identity marks for the same product family: the long-running Twitter bird (a pictorial logomark) and the later X lettermark that replaced it after the service was renamed. They are not variants of one drawing. They are different concepts, with different geometry, color habits, and recognition cues. Anyone evaluating a redesign, matching an era in a layout, or choosing a vector file needs to treat them as separate assets rather than as a restyle of the same bird.
Scope matters. “Old logo” here means the simplified bird silhouette that defined Twitter’s public face for years, typically a right-facing bird in flight with no eye, beak detail, or inner linework. “New logo” means the constructed X used as the successor brand mark. App icons, wordmarks spelling “Twitter,” campaign lockups, and unofficial fan redraws sit outside that pair unless a file is clearly one of those two core marks.
Observable differences in shape and construction
The bird is a single organic silhouette. Its outline is made of smooth, continuous curves: a rounded head, a lifted wing, a tapered tail, and an open gap under the body that reads as lift. The form is asymmetric. Weight sits toward the head and wing, with the tail providing a counter-direction. At small sizes it still reads as a bird because the contour is distinctive, not because of interior drawing.
The X is a letterform. It is built from intersecting strokes that meet near the center and open into four pointed terminals. The construction is angular and closer to geometric type than to illustration. Optical balance in an X depends on stroke thickness, the angle of the arms, and whether the join is a simple overlap or a custom cut. Those choices are properties of a specific drawing of the mark, not of the letter X in general.
- Bird mark: pictorial, curved, asymmetric, one filled silhouette, reads as an object.
- X mark: typographic, angular, nearer to bilateral symmetry, reads as a character.
- Bird mark: contour does the recognition work; there is no internal grid of strokes.
- X mark: stroke weight, join, and negative space between the arms do the recognition work.
- Bird mark: a clear “front” (the head) and direction of flight.
- X mark: no implied motion; orientation is upright as a letter.
Color, contrast, and background habits
In widespread use the bird was shown as a light blue filled shape on white, or as white on that same blue. The pairing was high-key and associated with the product even when the word “Twitter” was absent. The X has been shown most often as a high-contrast monochrome mark, commonly a light X on a dark field or the reverse. That shift is a change in palette and in contrast strategy: from a branded mid-blue identity color to a black-and-white letter that depends on figure-ground contrast more than on a signature hue.
Exact brand-book swatches, ink formulas, and digital color tokens are not supplied in this brief, so hex values, RGB triplets, and “official” blue names should not be treated as verified here. What can be stated from ordinary observation is the roles of color: the bird used a recurring blue as a brand signal; the X uses contrast and the letter itself as the signal. A vector file that only changes the bird’s fill to black is still the old mark. A file that draws an X is the new mark, whatever its fill.
What the change means for vector files
A usable vector of the bird is a closed path (or a small set of paths) whose outline matches the official silhouette. Curves, tangent handles, and the under-body gap are the sensitive parts; a clumsy trace that fattens the wing or closes the gap stops reading as the same bird. A usable vector of the X is a constructed letter whose arm angle, stroke width, and terminals match the issued drawing. Because many fonts contain an X, a keyboard character or a generic bold X is not automatically the brand mark.
Do not treat a filename, a .svg or .ai extension, or the word “vector” in a download label as proof of correct geometry. Those labels describe a file format, not fidelity. The test is visual: does the path match the bird’s contour, or does it match the issued X? Likewise, the presence of a file does not grant permission to reuse either mark. Trademark, in-app, and press-kit rules are separate from how the drawing is stored.
- Match the era: use the bird when the work refers to Twitter as it was known under that name and mark; use the X when the work refers to the renamed identity.
- Keep them unmixed: do not place the bird inside an X, or redraw the bird with X-like cuts, unless the job is explicitly a commentary mashup rather than a brand-accurate asset.
- Check the path, not the wrapper: outline view should show the bird’s organic contour or the X’s intersecting arms, without leftover tracing artifacts.
- Preserve the mark’s own proportions: stretching the bird to a square X-icon slot, or squeezing the X into the bird’s wider landscape box, distorts recognition.
- Separate color from drawing: a white bird on black is still the old logo; a blue X is still the new logo.
How to judge which mark to use
Choose by the identity you need to represent, not by which drawing looks more current in isolation. Historical screenshots, older documentation, and references to the product under the Twitter name generally call for the bird. Materials about the service after the rename, or about the X identity as a brand system, call for the lettermark. If the job is a redesign critique, show both at the same optical size, on the backgrounds they typically used, so the comparison is of the marks rather than of crop or contrast tricks.
A practical next step is to place the two marks side by side at icon size and at a larger lockup size. At icon size, check whether the bird’s tail and the X’s inner counters survive reduction. At larger size, check curve quality on the bird and join quality on the X. If a file fails either test, it is a poor asset for that mark, regardless of format. Licensing, official path data, and current usage rules are not included in the material used for this guide; obtain those from the rights holder before publishing either logo as your own identity work.
Gaps this comparison cannot close
This guide is limited to observable design differences and their implications for choosing and handling the two marks. It does not include measured path coordinates, official clear-space or minimum-size rules, registered color specifications, designer attribution for every historical bird revision, or legal clearance to reproduce either logo. Those are documented claims that would need primary brand documentation. Until that documentation is in hand, treat geometry as something to verify against a known-good official drawing, and treat reuse as a rights question rather than a design one.