Zwicon – Handcrafted iconset for your next project

모든 아이콘은 업계 표준인 8pt 그리드 시스템의 배수인 24px 기본 그리드에서 설계되었습니다. 이를 통해 아이콘이 비례적으로 확장되고 UI 구성 요소와 완벽하게 정렬되어 수동 패딩 조정의 필요성을 줄여줍니다. 일관된 1px 스트로크와 2px 모서리 반경을 유지함으로써 복잡한 인터페이스 레이아웃에서 아이콘이 부적절하게 확장되거나 정렬되지 않을 때 발생하는 시각적 왜곡과 흐림 현상을 방지합니다.

SVG 파일은 파일 크기를 늘리는 중복 메타데이터, 경로 그룹 및 불필요한 속성을 제거하기 위해 수동으로 정리되었습니다. 이러한 최적화는 아이콘이 웹 애플리케이션에 직접 삽입될 때 DOM 풋프린트를 줄여 페이지 로드 시간을 단축하고 성능 점수를 향상시킵니다. 필수적이지 않은 코드를 제거함으로써 개발자는 전체 번들 크기나 애플리케이션의 렌더링 성능에 영향을 주지 않고 아이콘을 인라인으로 삽입할 수 있습니다.

Zwicon은 Sketch, InVision Studio 및 Figma에 대한 네이티브 지원을 제공하며, 구성 요소 재정의를 용이하게 하는 분류된 명명 규칙을 포함합니다. 이러한 크로스 플랫폼 호환성을 통해 디자인 팀은 사용하는 소프트웨어에 관계없이 아이콘 에셋에 대한 단일 진실 공급원(Single Source of Truth)을 유지할 수 있습니다. 구조화된 명명 규칙은 디자이너가 디자인 핸드오프 과정에서 기존 구성 요소 구성을 깨뜨리거나 스타일 재정의를 잃지 않고 인스턴스 내에서 아이콘을 빠르게 교체할 수 있도록 보장합니다.

이 라이브러리에는 개발자가 아이콘을 텍스트 요소로 취급할 수 있는 즉시 사용 가능한 웹폰트 구현이 포함되어 있습니다. 이 접근 방식을 사용하면 'color', 'font-size', 'text-shadow'와 같은 표준 CSS 속성을 사용하여 아이콘의 색상, 크기 및 그림자를 쉽게 조작할 수 있습니다. 웹폰트를 활용함으로써 개발자는 개별 SVG 파일을 로드하는 것에 비해 HTTP 요청 수를 크게 줄일 수 있어 대규모 웹 애플리케이션에 매우 효율적인 선택이 됩니다.

26개의 고유 카테고리에 걸친 566개의 아이콘을 갖춘 Zwicon은 전자상거래 및 대시보드 인터페이스부터 모바일 애플리케이션에 이르기까지 다양한 프로젝트 요구 사항을 위한 강력한 기반을 제공합니다. 컬렉션의 폭이 넓어 시각적 불일치를 초래하는 서로 다른 세트의 아이콘을 혼합하여 사용할 필요가 없습니다. 이 라이브러리는 활발하게 유지 관리되며 제작자는 실제 사용 사례와 피드백을 바탕으로 업데이트를 계획하여 변화하는 디자인 트렌드에 맞춰 세트가 관련성을 유지하도록 합니다.