The Phosphor phosphor logo icon is a stylized representation of the Phosphor icon library's branding, commonly used to signify the library itself or related Phosphor-themed elements within a user interface.
Common uses
- Branding for Phosphor-related tools or websites.
- Link to the Phosphor icon library documentation.
- Identifying Phosphor-specific features in a UI.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { PhosphorLogo } from '@phosphor-icons/react';
<PhosphorLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<PhosphorLogo size={24} />thin
<PhosphorLogo size={24} weight="thin" />light
<PhosphorLogo size={24} weight="light" />bold
<PhosphorLogo size={24} weight="bold" />fill
<PhosphorLogo size={24} weight="fill" />duotone
<PhosphorLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- logosbrandsphosphorlogophosphor brandingicon library logo
FAQ
- What is the Phosphor logo icon used for?
- It's primarily used to represent the Phosphor icon library or its branding. You might see it in project documentation or alongside other brand logos.
- How do I use the Phosphor logo icon in React?
- You can import it directly from the '@phosphor-icons/react' package like this: `import { PhosphorLogo } from '@phosphor-icons/react'`.
- What is the license for the Phosphor logo icon?
- The Phosphor icon library, including its logo, is distributed 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 →