Soft Clay Blue

폴더, 문서, 달력, 시계, 카메라, 이미지 액자, 음악 음표, 재생 버튼, 구름, 자물쇠, 돋보기, 설정 톱니, 편지봉투, 말풍선, 전구, 선물 상자까지 일상적인 인터페이스 사물 16개가 들어 있어요. 파일, 시간, 미디어, 검색, 메시지를 한 번에 다룰 수 있어서 작은 서비스라면 내비게이션 대부분을 이 세트 하나로 꾸밀 수 있어요.

모든 이미지는 배경이 투명한 PNG이고 같은 모양의 WebP도 함께 있어요. 가로는 202~285px, 세로는 213~277px 범위라 억지로 정사각형에 맞추지 않았고, 흰색·색 배경·어두운 배경 어디에 올려도 테두리가 생기지 않아요.

이런 곳에 잘 어울려요

• SaaS 랜딩 페이지의 기능 소개 아이콘
• 파일 공유 앱 온보딩 체크리스트 카드
• 분기 리뷰 발표 템플릿의 섹션 구분 표시
• 고객센터 도움말의 빈 화면·설정 안내 일러스트

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

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

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-folder-soft-clay-blue cc-float" role="img" aria-label="폴더"></span>

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