The Phosphor pix logo icon depicts the official logo for Pix, a Brazilian instant payment system, and is commonly used to represent Pix payment options in e-commerce interfaces.
Common uses
- Payment method selection
- Transaction confirmation
- Financial service branding
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { PixLogo } from '@phosphor-icons/react';
<PixLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<PixLogo size={24} />thin
<PixLogo size={24} weight="thin" />light
<PixLogo size={24} weight="light" />bold
<PixLogo size={24} weight="bold" />fill
<PixLogo size={24} weight="fill" />duotone
<PixLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- *new*paymentspayingpurchaselogoscommercefinancespixlogopix paymentbrazil payment logoinstant payment icon
FAQ
- What is the Pix logo icon used for?
- It represents the Pix instant payment system, often used to indicate Pix as a payment option or for branding related to Pix transactions.
- How do I use the Pix logo icon in React?
- You can import and use it in your React components like this: import { PixLogo } from '@phosphor-icons/react'; <PixLogo />
- What is the license for the Phosphor Pix logo icon?
- The Phosphor icon library, including the Pix 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 →