The Phosphor devices icon visually represents multiple electronic devices, commonly used in UI to indicate responsive design, device compatibility, or settings related to different screen sizes.
Common uses
- Indicating responsive design features
- Settings for device preferences
- Illustrating cross-device compatibility
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Devices } from '@phosphor-icons/react';
<Devices size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Devices size={24} />thin
<Devices size={24} weight="thin" />light
<Devices size={24} weight="light" />bold
<Devices size={24} weight="bold" />fill
<Devices size={24} weight="fill" />duotone
<Devices size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- objects
- Keywords
- responsivecellphonecellulartabletdestopobjectsdevicesscreensgadgetselectronics
FAQ
- What is the Phosphor devices icon used for?
- It's used to represent various electronic devices like phones, tablets, and desktops, often in contexts related to responsive design or device settings.
- How do I use the devices icon in React?
- Import it as `Devices` from '@phosphor-icons/react' and use it as a React component: `<Devices size={32} />`.
- What is the license for the Phosphor devices icon?
- The Phosphor icon library, including the devices 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 →