John KuehJohn Kueh

fediverse logo icon

Phosphor · fediverse-logo · MIT

Download SVG

The Phosphor fediverse logo icon depicts the symbol for the decentralized social networking protocol, commonly used to represent Fediverse-compatible services or features in a user interface.

Common uses

  • Link to a Fediverse profile or service.
  • Indicate a post is shared to the Fediverse.
  • Button for Fediverse account authentication.

Use it in React

Install
npm i @phosphor-icons/react
Import & render
import { FediverseLogo } from '@phosphor-icons/react';

<FediverseLogo size={24} />

Styles

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

regular
<FediverseLogo size={24} />
thin
<FediverseLogo size={24} weight="thin" />
light
<FediverseLogo size={24} weight="light" />
bold
<FediverseLogo size={24} weight="bold" />
fill
<FediverseLogo size={24} weight="fill" />
duotone
<FediverseLogo size={24} weight="duotone" />

Details

Library
Phosphor (1,512 icons)
License
MIT
viewBox
0 0 256 256
Category
brands
Keywords
*new*social mediadecentralizedbrandscommunicationsfediverselogodecentralized social mediamastodon logosocial network icon

FAQ

What does the fediverse logo icon represent?
It represents the Fediverse, a network of decentralized social media platforms that can interoperate. It's used to signify connections to or features related to this network.
How do I use the fediverse logo in React?
You can import and use it directly in your React components like this: `import { FediverseLogo } from '@phosphor-icons/react'`. Then render it as `<FediverseLogo />`.
What is the license for this icon?
The Phosphor icon library, including the fediverse 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 →