The Phosphor twitch logo icon depicts the iconic purple and white Twitch logo, commonly used to represent the livestreaming platform in user interfaces.
Common uses
- Link to Twitch profile or channel
- Indicate content related to Twitch streaming
- Branding element for gaming-related features
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TwitchLogo } from '@phosphor-icons/react';
<TwitchLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TwitchLogo size={24} />thin
<TwitchLogo size={24} weight="thin" />light
<TwitchLogo size={24} weight="light" />bold
<TwitchLogo size={24} weight="bold" />fill
<TwitchLogo size={24} weight="fill" />duotone
<TwitchLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- logosstreaminglivestreamgamingvideo gamessocial mediabrandscommunicationsgamestwitchlogotwitch iconlivestream logogaming logo
FAQ
- What is this icon used for?
- This icon represents the Twitch brand and is used to link to Twitch or indicate content related to the platform.
- How do I use the Twitch logo icon in React?
- You can import and use it in your React application with: import { TwitchLogo } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the Twitch 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 →