3d Linear Icon
<i class="cil-3d"></i>About
The 3D linear icon is essential for representing three-dimensional graphics and modeling features in web projects. 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 HTML.
The linear style provides clear visual representation while maintaining scalability across all screen sizes, making it ideal for both desktop and mobile web projects. This icon integrates seamlessly with CoreUI’s icon library.
Common Use Cases
3D View Toggle
Enable or disable 3D view mode in your HTML image editor
Modeling Tool Indicator
Show when 3D modeling tools are active in your web project
Spatial Feature Badge
Indicate 3D or depth-aware features in your HTML 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 Icons in your project, you need to install the package as a dependency. Follow the instructions below based on your package manager of choice:
Using npm
npm install @coreui/iconsUsing yarn
yarn add @coreui/iconsUsage
Once you have the package installed, you can use the icons in your project. Here's a basic example:
<i class="cil-3d"></i>Read the full CoreUI Icons documentation for HTML to see all available usage patterns and options.