Skip to content
LogoHub
Social MediaTT

TikTok

Official TikTok vector logo in the Social Media category. Download lossless SVG and a 1024px transparent PNG.

TikTok Logo

Brand Color Palette

Click swatch to copy HEX

Download

Download SVG Vector FilePNG
Download all as ZIP
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 46 46
File Size / Nodes
1.8 KB · 5 paths
Official Site
https://www.TikTok.cn/

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setTikTok.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
TikTok
Industry Category
Social Media
Primary Color (HEX / RGB / HSL)
#FF004Frgb(255, 0, 79) · hsl(341, 100%, 50%)
WCAG Surface Contrast
Light 3.9:1 · Dark 5.1:1

Inline SVG Code Snippet

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.688 13.944v6.684c-.36 0-.791.072-1.222.072-3.235 0-6.254-1.222-8.553-3.162v14.23c0 2.876-.935 5.607-2.588 7.763-2.3 3.09-6.037 5.175-10.278 5.175-4.6 0-8.625-2.443-10.853-6.037 2.3 2.156 5.39 3.522 8.768 3.522 4.17 0 7.907-2.013 10.207-5.175 1.581-2.157 2.587-4.816 2.587-7.763V14.95c2.3 2.012 5.247 3.163 8.553 3.163.432 0 .791 0 1.222-.072v-4.313a8.3 8.3 0 0 0 1.869.216z" fill="#ff004f"/><path d="M20.844 18.903v7.403a6 6 0 0 0-1.582-.215c-3.162 0-5.75 2.659-5.75 5.893 0 .72.144 1.366.36 2.013-1.438-1.078-2.444-2.803-2.444-4.744 0-3.234 2.588-5.894 5.75-5.894.575 0 1.078.072 1.581.216v-4.744h.432c.575 0 1.15 0 1.653.072M32.99 8.625c-1.294-1.15-2.229-2.731-2.732-4.384h1.725v1.006c.144 1.15.503 2.3 1.007 3.378" fill="#ff004f"/><path d="M39.603 13.8v4.313c-.36.071-.79.071-1.222.071-3.234 0-6.253-1.222-8.553-3.162v14.231c0 2.875-.934 5.606-2.587 7.763-2.372 3.162-6.038 5.175-10.207 5.175-3.378 0-6.468-1.366-8.768-3.522-1.222-2.013-1.941-4.313-1.941-6.828 0-6.972 5.534-12.65 12.434-12.866v4.744a6 6 0 0 0-1.58-.216c-3.163 0-5.75 2.66-5.75 5.894 0 1.94.934 3.737 2.443 4.744.79 2.228 2.947 3.88 5.39 3.88 3.163 0 5.75-2.659 5.75-5.893V4.241h5.247c.503 1.725 1.438 3.234 2.732 4.384a9.86 9.86 0 0 0 6.612 5.175" fill="#000"/><path d="M18.76 16.388v2.443c-6.9.216-12.435 5.894-12.435 12.866 0 2.515.719 4.816 1.94 6.828-2.443-2.372-3.953-5.678-3.953-9.416 0-7.115 5.75-12.865 12.794-12.865.575 0 1.15.072 1.653.143" fill="#00f7ef"/><path d="M30.26 4.24h-5.248v27.744c0 3.235-2.587 5.894-5.75 5.894-2.515 0-4.6-1.581-5.39-3.881.934.647 2.084 1.078 3.306 1.078 3.163 0 5.75-2.588 5.75-5.822V1.438H29.9v.143c0 .288 0 .575.072.863 0 .575.144 1.222.287 1.797m9.343 6.9v2.588c-2.875-.575-5.319-2.515-6.684-5.103 1.797 1.653 4.097 2.588 6.684 2.516" fill="#00f7ef"/></svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 46 46") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Solid vector paths; supports direct inline <svg> embedding or <img> rendering.

Related Brand Logos

View All in Category
Action completed