4k Duotone Icon for Angular

HTML Angular React Vue

<svg [cIcon]="icons.cid4k"></svg>

Check how to use CoreUI Icons in your project

Get this PRO icon

Browse All Icons

About

The 4K duotone icon represents ultra-high-definition video quality in Angular 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 Angular.

The duotone design ensures clear readability even at small sizes, making it ideal for quality badges, settings panels, and content metadata displays in Angular applications.

Common Use Cases

Video Quality Badge

Display 4K availability on video thumbnails in your Angular app

Quality Settings

Let users select 4K playback in Angular video players

Content Filter

Filter 4K content in Angular 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 Angular 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-angular

Using yarn

yarn add @coreui/icons-pro @coreui/icons-angular

Usage

Once you have the package installed, you can import and use the icons in your Angular project. Here's a basic example:

import { IconModule } from '@coreui/icons-angular';
import { cid4k } from '@coreui/icons-pro';

// In your component template:
<svg [cIcon]="icons.cid4k"></svg>