The Phosphor tiktok logo icon depicts the recognizable branding for the popular social media platform, commonly used to link to TikTok profiles or content within user interfaces.
Common uses
- Link to a company's TikTok profile.
- Indicate content shared on TikTok.
- Social media sharing options.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TiktokLogo } from '@phosphor-icons/react';
<TiktokLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TiktokLogo size={24} />thin
<TiktokLogo size={24} weight="thin" />light
<TiktokLogo size={24} weight="light" />bold
<TiktokLogo size={24} weight="bold" />fill
<TiktokLogo size={24} weight="fill" />duotone
<TiktokLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- logossocial mediabrandscommunicationstiktoklogosocial media logovideo app logobrand logo
FAQ
- What is the tiktok logo icon used for?
- It represents the TikTok brand and is used to link to TikTok profiles or content.
- How do I use the tiktok logo icon in React?
- Import it from the library using `import { TiktokLogo } from '@phosphor-icons/react'` and then use it as a component: `<TiktokLogo />`.
- What is the license for this icon?
- The Phosphor icon library, including the tiktok logo, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →