What is this icon used for?

This icon represents the Twitter social media platform. It's used for links, sharing buttons, or branding related to Twitter.

How do I use this icon in React?

You can import and use it in React with: `import { TwitterLogo } from '@phosphor-icons/react'`. Then render it as ` `.

The Phosphor icon library, including the twitter-logo icon, is available under the MIT license.

Phosphor · twitter-logo · MIT

The Phosphor twitter logo icon depicts the iconic bird symbol, commonly used to represent the Twitter social media platform in user interfaces.

Install

npm i @phosphor-icons/react

Import & render

import { TwitterLogo } from '@phosphor-icons/react';

<TwitterLogo size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<TwitterLogo size={24} />

thin

<TwitterLogo size={24} weight="thin" />

light

<TwitterLogo size={24} weight="light" />

bold

<TwitterLogo size={24} weight="bold" />

fill

<TwitterLogo size={24} weight="fill" />

duotone

<TwitterLogo size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: brands
Keywords: logossocial mediatweetsbirdsbrandscommunicationstwitterlogosocial media birdtweet logox logo

What is this icon used for?: This icon represents the Twitter social media platform. It's used for links, sharing buttons, or branding related to Twitter.
How do I use this icon in React?: You can import and use it in React with: `import { TwitterLogo } from '@phosphor-icons/react'`. Then render it as `<TwitterLogo />`.
What is the license for this icon?: The Phosphor icon library, including the twitter-logo icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →