The Phosphor desktop icon depicts a computer monitor, commonly used to represent desktop computers, system settings, or general technology-related features in a user interface.
Common uses
- Representing a desktop computer in a list of devices.
- As a button to access system preferences or settings.
- Indicating a desktop application or software.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Desktop } from '@phosphor-icons/react';
<Desktop size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Desktop size={24} />thin
<Desktop size={24} weight="thin" />light
<Desktop size={24} weight="light" />bold
<Desktop size={24} weight="bold" />fill
<Desktop size={24} weight="fill" />duotone
<Desktop size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- computerpcimactowertechnology & developmentobjectsdesktopmonitor
FAQ
- What is the desktop icon used for?
- It visually represents a desktop computer or related technology. It's useful for settings, device lists, or software indicators.
- How do I use the desktop icon in React?
- Import it from the library and use it as a component: import { Desktop } from '@phosphor-icons/react'; <Desktop size={24} />.
- What is the license for the Phosphor desktop icon?
- The Phosphor icon library, including the desktop 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 →