Media Blue

촬영, 재생, 소리가 골고루 들어 있어요. 카메라, 이미지, 음표, 재생, 일시 정지, 정지, 헤드폰, 마이크, 스피커, 필름, 비디오카메라, 레코드, 라디오, 슬라이더, 파형, 재생목록이에요. 재생·일시 정지·정지 세 개는 무게감이 같아서 플레이어 컨트롤 줄을 따로 손보지 않아도 가지런해요.

재생 컨트롤부터 녹음 장비까지 전부 투명 PNG와 WebP로 받을 수 있어요.

이런 곳에 잘 어울려요

• 팟캐스트·음악 앱의 컨트롤 바 목업
• 영상 소스·효과음 라이브러리의 카테고리 탭
• 크리에이터 강의 자료의 촬영 장비 체크리스트
• 콘텐츠 관리 시스템의 업로드 유형 선택 그래픽

이미지 한 장 + 공용 CSS로 연동

128px 표시 크기의 WebP 스프라이트, 공용 애니메이션, React 컴포넌트, 원본 파일을 함께 제공합니다. 스프라이트를 쓰면 컬렉션 전체가 이미지 요청 한 번으로 표시됩니다. 원본 해상도가 필요한 곳은 개별 WebP를 사용하세요.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-camera-media-blue cc-float" role="img" aria-label="카메라"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. 모션 줄이기 설정을 존중하며 외부 애니메이션 라이브러리가 필요하지 않습니다.