Skip to main content
TikTok full-color logo Primary logo
TikTok white logo on brand color Reversed logo
TikTok icon mark Icon mark

TikTok

TikTok's musical note emblem uses a chromatic aberration effect, layering cyan (#25F4EE) and fuchsia (#FE2C55) over black to create a vibrating 3D glitch that evokes stage lighting in a dark concert hall. The mark doubles as a lowercase 'd' referencing Douyin, the app's original Chinese name

Year
2018
Country
China

TikTok’s logo centers on a stylized eighth note rendered in three offset layers: a cyan (#25F4EE) shadow, a fuchsia-red (#FE2C55) shadow, and a white foreground, all set against solid black. The layering mimics chromatic aberration from analog optics, producing a glitch-like vibration that suggests sound waves escaping a dark stage. The shape reads simultaneously as a musical note and a lowercase “d” for Douyin, the platform’s Chinese-market name. The accompanying wordmark, set in TikTok Sans with both “T” letters capitalized, carries the same cyan-and-red offset treatment on the final “o,” linking symbol and type into a single rhythmic system.

Logo history

ByteDance launched the app as A.me in China on September 20, 2016, with an early musical note mark already in place. After renaming to Douyin within three months, the company introduced TikTok for international markets in 2017, adding a two-word “Tik Tok” wordmark beneath the note in a basic sans-serif. The 2018 refinement, timed to the absorption of Musical.ly, merged the wordmark into one word, tightened letter spacing, replaced the squared dot over the “i” with a circle, and introduced color accents on the “o” that echo the emblem’s cyan and red. The note itself has remained virtually untouched across all three iterations, making it one of the most stable marks in social media.

Design philosophy

An unnamed ByteDance designer conceived the emblem while attending a rock concert, translating the contrast between a dark venue and neon stage lighting into the logo’s color logic. Black provides the void, while the offset cyan and fuchsia layers create the illusion of depth and motion without any actual gradient or dimensional rendering. The chromatic aberration effect was a deliberate choice to suggest energy and impermanence, qualities that align with short-form video content that appears, entertains, and scrolls away. The musical note anchors the mark in TikTok’s origins as a lip-sync platform, while its geometric simplicity ensures legibility at favicon scale on mobile screens.

Brand identity

In 2023, TikTok unified its typographic system by introducing TikTok Sans, a custom geometric sans-serif designed with Swiss foundry Grilli Type. The typeface features enlarged apertures, anti-spoofing stylistic alternates, and equal-width numeral options built for rapid interface updates like live-stream counters. TikTok Sans ships in two subfamilies, Text and Display, with variable axes for weight, width, slant, and optical size. The font was released as open-source software under the SIL Open Font License in 2025 and is available through Google Fonts. Across the broader system, the four-color palette of black, white, cyan, and red extends into UI elements, creator tools, and the TikTok for Business advertising suite, maintaining brand cohesion from in-app overlays to out-of-home campaigns.

Cultural impact

TikTok’s note emblem has become a cultural shorthand for the algorithmic short-video format that reshaped music discovery, retail marketing, and news consumption in the early 2020s. Songs that trend on the platform routinely chart on Billboard, and the chromatic-aberration aesthetic the logo popularized has influenced motion graphics and digital branding well beyond ByteDance’s own products. With over two billion downloads and a user base spanning more than 150 markets, the mark operates across political, linguistic, and generational boundaries, making it one of the few tech logos to achieve near-universal recognition within a single decade.

Clear space

Maintain adequate clear space around the TikTok logo to ensure visual integrity and maximum legibility. The minimum exclusion zone equals the height of the logo's cap height (represented as "x") on all sides. This protective space prevents the logo from appearing cluttered when placed near other graphic elements, text, or page edges.

x
x
x
x

Ratio: 4.1 : 1

ViewBox: 1852 × 450

Logo usage guidelines

Preserve the integrity of the TikTok logo by avoiding unauthorized modifications. Consistent application across all touchpoints strengthens brand recognition and maintains professional standards. The examples below illustrate common misuses that compromise the logo's visual impact and brand identity.

Incorrect: TikTok logo rotated

Don't rotate

Incorrect: TikTok logo skewed

Don't skew

Incorrect: TikTok logo stretched

Don't stretch

Incorrect: TikTok logo recolored

Don't recolor

Incorrect: TikTok logo with drop shadow

Don't add shadows

Incorrect: TikTok logo cropped

Don't crop

Incorrect: TikTok logo with outline border

Don't outline

Incorrect: TikTok logo on busy background

Don't place on busy backgrounds

Frequently asked questions

What colors does TikTok use in its logo?

The TikTok logo uses 4 colors: TikTok Black (#000000), TikTok Red (#FE2C55), TikTok Cyan (#25F4EE), and White (#FFFFFF). These values are used consistently across all official TikTok brand materials.

Can I download the TikTok logo in SVG format?

Yes. Click the Download SVG button at the top of this page to get a production-ready vector file. SVG format scales to any size without quality loss, making it ideal for websites, presentations, and print materials.

Who designed the TikTok logo?

The TikTok logo was designed by In-house ByteDance at Grilli Type in 2018. The design has become one of the better-known marks in the Social Media space.

What are the TikTok brand guidelines for logo usage?

Maintain clear space equal to the logo's cap height on all sides. Do not rotate, skew, stretch, recolor, crop, or add effects to the logo. Always use the official SVG file and ensure sufficient contrast with the background.

What is a reverse logo (also called knockout logo)?

A reverse logo is a white or light version designed for use on dark backgrounds. It maintains the same proportions as the primary TikTok logo while ensuring legibility on brand-colored surfaces, dark packaging, or apparel.

What font does TikTok use in its logo?

The TikTok logo uses TikTok Sans. For accurate representation, always use the official vector logo rather than attempting to recreate the typography.

Can I use the TikTok logo commercially?

Commercial use of the TikTok logo typically requires written permission from TikTok. The logo is trademarked intellectual property, so while editorial use and accurate product references are generally permitted, promotional or commercial use needs authorization. Do not alter the logo or use it to imply endorsement.

More Social Media brands