3d Duotone Icon for Vue
<CIcon :icon="cid3d" />About
The 3D duotone icon is essential for representing three-dimensional graphics and modeling features in Vue 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 Vue.
The duotone style provides clear visual representation while maintaining scalability across all screen sizes, making it ideal for both desktop and mobile Vue applications. This icon integrates seamlessly with CoreUI’s Vue component library.
Common Use Cases
3D View Toggle
Enable or disable 3D view mode in your Vue image editor
Modeling Tool Indicator
Show when 3D modeling tools are active in your Vue application
Spatial Feature Badge
Indicate 3D or depth-aware features in your Vue 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 Vue 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-vueUsing yarn
yarn add @coreui/icons-pro @coreui/icons-vueUsage
Once you have the package installed, you can import and use the icons in your Vue 3 project. Here's a basic example:
import { CIcon } from '@coreui/icons-vue';
import { cid3d } from '@coreui/icons-pro';
<CIcon :icon="cid3d" />Read the full CoreUI Vue Icon component documentation to see the complete API and integration guide.