The Phosphor app window icon depicts a stylized computer window, commonly used to represent applications, software interfaces, or system-level functions in user interfaces.
Common uses
- Button to open application settings
- Link to a software download page
- Indicator for an active program
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { AppWindow } from '@phosphor-icons/react';
<AppWindow size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<AppWindow size={24} />thin
<AppWindow size={24} weight="thin" />light
<AppWindow size={24} weight="light" />bold
<AppWindow size={24} weight="bold" />fill
<AppWindow size={24} weight="fill" />duotone
<AppWindow size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- windowssoftwareprogramsapplicationscommunicationssystemappwindowsoftware windowprogram iconapplication interfacesystem window
FAQ
- What does the app window icon represent?
- It represents a generic application window, suitable for indicating software, programs, or system interfaces.
- How do I use this icon in React?
- You can import and use it in React with: import { AppWindow } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the app window 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 →