4k Duotone Icon for Vue
<CIcon :icon="cid4k" />About
The 4K duotone icon represents ultra-high-definition video quality in Vue applications. Use this icon to indicate 4K resolution support, quality settings, or premium video content. Perfect for video players, streaming platforms, and media management applications built with Vue.
The duotone design ensures clear readability even at small sizes, making it ideal for quality badges, settings panels, and content metadata displays in Vue applications.
Common Use Cases
Video Quality Badge
Display 4K availability on video thumbnails in your Vue app
Quality Settings
Let users select 4K playback in Vue video players
Content Filter
Filter 4K content in Vue media libraries
Best Practices
- Use color coding to distinguish quality levels
- Show only when 4K content is actually available
- Consider bandwidth implications in mobile apps
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 { cid4k } from '@coreui/icons-pro';
<CIcon :icon="cid4k" />Read the full CoreUI Vue Icon component documentation to see the complete API and integration guide.