The Phosphor cube focus icon depicts a stylized cube with a central focal point, often used to represent 3D objects, augmented reality experiences, or scanning functionality within a user interface.
Common uses
- AR/VR feature toggle
- 3D model viewer button
- Object scanning initiation
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CubeFocus } from '@phosphor-icons/react';
<CubeFocus size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CubeFocus size={24} />thin
<CubeFocus size={24} weight="thin" />light
<CubeFocus size={24} weight="light" />bold
<CubeFocus size={24} weight="bold" />fill
<CubeFocus size={24} weight="fill" />duotone
<CubeFocus size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- games
- Keywords
- augmented realityarvirual realityvr3dscangamesobjectscubefocus3d cubear scanvr objectspatial focus
FAQ
- What does the cube focus icon represent?
- It represents 3D objects, augmented reality, virtual reality, or scanning functions, commonly used in games or spatial computing interfaces.
- How do I use the cube focus icon in React?
- Import it from the library like this: `import { CubeFocus } from '@phosphor-icons/react'`. Then use it as a component: `<CubeFocus />`.
- What is the license for this icon?
- The Phosphor icon library, including the cube focus 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 →