Security Blue

시큐리티 블루는 지키는 물건에 순한 표정을 입혔어요. 방패, 자물쇠, 금고는 보통 날카롭고 진지하게 그리지만 여기서는 코발트 블루와 아이보리 클레이로 둥글게 빚어서, 개인정보 화면이 위압적이기보다 안심되는 인상을 줘요.

16 개 자산PNG · WebP상업 이용 무료 · 출처 표기 선택
16 개 자산
잠금
클레이 아이콘203 × 249
방패
클레이 아이콘224 × 249
열쇠
클레이 아이콘229 × 230
지문
클레이 아이콘238 × 242
보기
클레이 아이콘256 × 165
금고
클레이 아이콘244 × 240
경고
클레이 아이콘251 × 228
정보
클레이 아이콘236 × 238

잠금, 잠금 해제, 방패, 열쇠, 지문, 보기, 숨기기, 금고, 방화벽, 인증서, 인증 배지, 경고, 정보, 도움말, 구명환, 구급상자까지 16개예요. 잠금과 잠금 해제는 상태 한 쌍으로, 보기와 숨기기는 비밀번호 표시 토글에, 경고·정보·도움말은 안내 단계 표시에 쓸 수 있어요.

투명 PNG와 WebP로 받을 수 있고 크기는 가로 203~261px, 세로 165~260px 범위예요. 고리 모양 구명환과 각진 금고를 나란히 놓아도 균형이 맞아요.

이런 곳에 잘 어울려요

이미지 한 장 + 공용 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로 감싸거나 자동 추적한 파일을 벡터 원본으로 표시하지 않습니다.