跳到主要內容

TikTok

TikTok 官方向量標誌,歸屬社群媒體分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

TikTok Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 46 46
原始碼體積
1.8 KB · 5 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝TikTok.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
TikTok
行業分類歸屬
社群媒體
官方基色 (HEX / RGB / HSL)
#FF004Frgb(255, 0, 79) · hsl(341, 100%, 50%)
WCAG 亮暗底對比度與向量體積
白底 3.9:1 · 暗底 5.1:1 · 1.8 KB

向量程式碼片段

<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>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 46 46")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成