Menu

Beta
Sign in
TikTok Logo SVG logo, flat

TikTok Logo SVG logo, flat

The TikTok symbol reproduces the platform’s distinctive musical note mark and colors. Place it on a performer’s social profile page or in a brand campaign’s creator links.

Free · from Social and Tech Brand Logos

Similar SVGs

More from Social and Tech Brand Logos

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vTKDp8h2UUqf/amnt.svg" alt="TikTok Logo" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Copy 1" transform="matrix(1 0 0 1 -9 -8)"><path d="M270 76L325 76C328 122 354 152 400 156L400 212C371 212 345 203 325 187L325 324C325 385 276 434 215 434C154 434 105 385 105 324C105 263 154 214 215 214C222 214 229 215 236 216L236 274C229 271 222 270 215 270C185 270 161 294 161 324C161 354 185 378 215 378C245 378 270 354 270 324Z" fill="#25f4ee"/></g><g id="layer-2" data-name="Copy 2" transform="matrix(1 0 0 1 9 8)"><path d="M270 76L325 76C328 122 354 152 400 156L400 212C371 212 345 203 325 187L325 324C325 385 276 434 215 434C154 434 105 385 105 324C105 263 154 214 215 214C222 214 229 215 236 216L236 274C229 271 222 270 215 270C185 270 161 294 161 324C161 354 185 378 215 378C245 378 270 354 270 324Z" fill="#fe2c55"/></g><g id="layer-3" data-name="Copy 3"><path d="M270 76L325 76C328 122 354 152 400 156L400 212C371 212 345 203 325 187L325 324C325 385 276 434 215 434C154 434 105 385 105 324C105 263 154 214 215 214C222 214 229 215 236 216L236 274C229 271 222 270 215 270C185 270 161 294 161 324C161 354 185 378 215 378C245 378 270 354 270 324Z" fill="#000000"/></g><g id="layer-4" data-name="Group 4"><g><defs><clipPath id="k0_0"><use href="#k0_1"/></clipPath><path id="k0_1" d="M270 76h55c3 46 29 76 75 80v56c-29 0-55-9-75-25v137c0 61-49 110-110 110s-110-49-110-110 49-110 110-110c7 0 14 1 21 2v58c-7-3-14-4-21-4-30 0-54 24-54 54s24 54 54 54 55-24 55-54Z"/></defs><g clip-path="url(#k0_0)"><use href="#k0_1" transform="translate(-9 -8)" fill="#000000"/></g></g></g></svg>
CSS background-image
.tiktok-logo {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vTKDp8h2UUqf/amnt.svg");
  background-size: contain;
}
React
import TikTokLogoSvg from "./tiktok-logo.jsx"; // from the React tab above

<TikTokLogoSvg width={48} height={48} />

Tags

tiktokvideomusicsocialbrand

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words TikTok logo. Reproduce the named brand’s recognizable standalone logo symbol accurately, with its established colours and proportions. One centred mark per square canvas, transparent background, crisp vector edges, balanced empty space. Use the symbol only where one exists; preserve distinctive letterforms when the logo is a wordmark. No mockups, extra decorations or invented lettering. as part of the pack Social and Tech Brand Logos. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings