Heroicons Micro: 이게 무슨 개미용 아이콘인가요?

Heroicons v2.1을 출시했습니다. 이번 버전에는 더 조밀하고 고밀도 UI를 위해 설계된 16×16 크기의 새로운 마이크로 스타일 아이콘 세트가 포함되어 있습니다.

이 크기의 아이콘 세트를 오랫동안 만들고 싶었지만, 올해 초 새로운 React UI 키트 프로젝트를 시작하면서야 마침내 이를 설계할 필요가 생겼습니다.

Catalyst(새로운 UI 키트)에서는 요소들이 충분히 여유를 가지면서도, 이를 사용해 만든 애플리케이션이 생산적으로 느껴질 정도로 밀도 있게 유지하려고 노력했습니다.

UI에서 멋지게 보이는 14px 텍스트를 많이 사용했지만, 기존의 20×20 아이콘을 적용했을 때는 약간 크고 불균형하게 느껴졌습니다.

대부분의 사람들은 아이콘을 축소하고 넘어갔을 테지만, 우리는 그렇지 않았습니다.

아이콘은 사용될 정확한 크기에 맞게 설계할 때 훨씬 선명하게 보이기 때문에, 각 아이콘의 디테일을 조정하며 처음부터 다시 그리는 작업을 시작했습니다.

약 한 달 후, Catalyst와 같은 고밀도 인터페이스를 위해 세심하게 제작된 288개의 새로운 아이콘 세트를 완성했습니다.

새로운 아이콘은 Heroicons 웹사이트에서 확인할 수 있으며, 공식 Heroicons Figma 라이브러리를 사용해 디자인하거나 React 및 Vue 라이브러리를 통해 프로젝트에 추가할 수 있습니다.