The Phosphor cube transparent icon depicts a hollow cube, often used to represent 3D objects, volume, or transparent elements in UI design.
Common uses
- Representing 3D models or assets
- Indicating a transparent or see-through setting
- Visualizing volumetric data or containers
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CubeTransparent } from '@phosphor-icons/react';
<CubeTransparent size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CubeTransparent size={24} />thin
<CubeTransparent size={24} weight="thin" />light
<CubeTransparent size={24} weight="light" />bold
<CubeTransparent size={24} weight="bold" />fill
<CubeTransparent size={24} weight="fill" />duotone
<CubeTransparent size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- squarebox3dvolumeblocksneckerdesigngamesobjectscubetransparenthollow cube3d boxvolume icontransparent object
FAQ
- What is the cube transparent icon typically used for?
- It's commonly used to signify 3D objects, transparency, volume, or game-related elements in user interfaces.
- How do I use the cube transparent icon in React?
- You can import it directly from the Phosphor React library: `import { CubeTransparent } from '@phosphor-icons/react'`.
- What is the license for this icon?
- The Phosphor icon library, including the cube transparent 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 →