3d Solid Icon for React
<CIcon icon={cis3d} />About
The 3D solid icon is essential for representing three-dimensional graphics and modeling features in React applications. Use this icon to indicate 3D view modes, spatial editing tools, or depth perception features. Perfect for image editing software, CAD applications, and creative design tools built with React.
The solid style provides clear visual representation while maintaining scalability across all screen sizes, making it ideal for both desktop and mobile React applications. This icon integrates seamlessly with CoreUI’s React component library.
Common Use Cases
3D View Toggle
Enable or disable 3D view mode in your React image editor
Modeling Tool Indicator
Show when 3D modeling tools are active in your React application
Spatial Feature Badge
Indicate 3D or depth-aware features in your React interface
Best Practices
- Use consistent icon sizing across your interface
- Provide clear aria-labels for accessibility
- Consider using with toggle buttons for mode switching
Installation
To start using CoreUI React Icons in your project, you need to install it as a dependency. Follow the instructions below based on your package manager of choice:
Using npm
npm install @coreui/icons-pro @coreui/icons-reactUsing yarn
yarn add @coreui/icons-pro @coreui/icons-reactUsage
Once you have the package installed, you can import and use the icons in your React project. Here's a basic example:
import { CIcon } from '@coreui/icons-react';
import { cis3d } from '@coreui/icons-pro';
<CIcon icon={cis3d} />Read the full CoreUI React Icon component documentation to see the complete API and integration guide.