Security Blue
시큐리티 블루는 지키는 물건에 순한 표정을 입혔어요. 방패, 자물쇠, 금고는 보통 날카롭고 진지하게 그리지만 여기서는 코발트 블루와 아이보리 클레이로 둥글게 빚어서, 개인정보 화면이 위압적이기보다 안심되는 인상을 줘요.
잠금, 잠금 해제, 방패, 열쇠, 지문, 보기, 숨기기, 금고, 방화벽, 인증서, 인증 배지, 경고, 정보, 도움말, 구명환, 구급상자까지 16개예요. 잠금과 잠금 해제는 상태 한 쌍으로, 보기와 숨기기는 비밀번호 표시 토글에, 경고·정보·도움말은 안내 단계 표시에 쓸 수 있어요.
투명 PNG와 WebP로 받을 수 있고 크기는 가로 203~261px, 세로 165~260px 범위예요. 고리 모양 구명환과 각진 금고를 나란히 놓아도 균형이 맞아요.
이런 곳에 잘 어울려요
- 계정 개인정보 설정 페이지 일러스트
- 금융 앱 가입 과정의 2단계 인증 안내
- 스타트업 보안 소개 페이지의 신뢰 섹션
- 비밀번호·복구 도움말 글 상단 이미지
이미지 한 장 + 공용 CSS로 연동
128px 표시 크기의 WebP 스프라이트, 공용 애니메이션, React 컴포넌트, 원본 파일을 함께 제공합니다. 스프라이트를 쓰면 컬렉션 전체가 이미지 요청 한 번으로 표시됩니다. 원본 해상도가 필요한 곳은 개별 WebP를 사용하세요.
컬렉션 개발자 키트 ZIP<link rel="stylesheet" href="./assets.css"> <span class="cc-asset cc-lock-security-blue cc-float" role="img" aria-label="잠금"></span>
cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. 모션 줄이기 설정을 존중하며 외부 애니메이션 라이브러리가 필요하지 않습니다.
무료 이용
개인·상업 프로젝트에서 무료로 다운로드, 수정, 공유할 수 있습니다. 출처 표기는 선택 사항입니다. AI 생성 자산으로 독점성이나 무결함을 보증하지 않습니다. 이 이용 허락은 다운로드 자산에 적용되며 Chatcument 전체 소스코드에는 적용되지 않습니다.
SVG도 제공하나요?
이 컬렉션은 래스터 이미지입니다. PNG와 WebP를 제공하며, SVG로 감싸거나 자동 추적한 파일을 벡터 원본으로 표시하지 않습니다.
