跳到主要内容

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% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成