Cc icon

CC in a rounded rectangle, for closed captions and subtitles on video.

Missing from Heroicons, where it was requested with 3 votes in #567 .

Component: CcIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: closed captions, captions, subtitles, accessibility, video, transcript

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5h15a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75A2.25 2.25 0 0 1 4.5 4.5Zm6 4.848c-1.03-1.464-2.698-1.464-3.728 0-1.03 1.465-1.03 3.84 0 5.304 1.03 1.464 2.699 1.464 3.728 0M18 9.348c-1.03-1.464-2.698-1.464-3.728 0-1.03 1.465-1.03 3.84 0 5.304 1.03 1.464 2.699 1.464 3.728 0" />
</svg>

Download

Cc icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Captions on Captions on

Badges · Micro

History

5 November 2026

Added in Sidekickicons 0.22.0 .

Cc icon

Code

Download

Cc icon in UI elements

History

Related icons

More Sidekickicons