The Phosphor meta logo icon depicts the Meta company's branding and is typically used to represent the company or its associated platforms within a user interface.
Common uses
- Linking to Meta's corporate website.
- Indicating content originally posted on a Meta platform.
- Representing Meta as a brand in a list of social media services.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MetaLogo } from '@phosphor-icons/react';
<MetaLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MetaLogo size={24} />thin
<MetaLogo size={24} weight="thin" />light
<MetaLogo size={24} weight="light" />bold
<MetaLogo size={24} weight="bold" />fill
<MetaLogo size={24} weight="fill" />duotone
<MetaLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- *updated*facebooklogossocial mediabrandsmetalogometa brandingfacebook logosocial media brand
FAQ
- What is this icon for?
- This icon represents the Meta company's branding. It's used to signify Meta or its associated services in UI elements.
- How do I use the meta logo icon in React?
- You can import and use it in your React application with: import { MetaLogo } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the meta logo icon, 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 →