The Phosphor apple logo icon depicts the iconic Apple brand symbol, commonly used to represent Apple products, services, or the company itself in user interfaces.
Common uses
- Branding for Apple products
- Link to Apple's website
- Indicating macOS/iOS compatibility
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { AppleLogo } from '@phosphor-icons/react';
<AppleLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<AppleLogo size={24} />thin
<AppleLogo size={24} weight="thin" />light
<AppleLogo size={24} weight="light" />bold
<AppleLogo size={24} weight="bold" />fill
<AppleLogo size={24} weight="fill" />duotone
<AppleLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- macintoshimaciphoneipadmacosiosbrandsapplelogoapple brandmac logoiphone logoapple inc.
FAQ
- What is the apple logo icon used for?
- It's used to visually represent the Apple brand, its products like iPhone or Mac, or its operating systems like iOS or macOS.
- How do I use the Apple Logo icon in React?
- You can import and use it directly with: import { AppleLogo } from '@phosphor-icons/react'
- What is the license for this icon?
- The Phosphor icon library, including the apple 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 →