andrsrxn/icons가 리액트용 아이콘 2,500개 이상을 공개했다

andrsrxn/icons가 리액트(React)용 아이콘 라이브러리를 공개했습니다. 투톤 아이콘 2,500개 이상과 국기 아이콘 250개 이상을 담았고, 오른쪽에서 왼쪽으로 쓰는 언어(RTL)도 지원합니다. 아이콘 수보다 언어 방향까지 챙긴 점이 더 오래 남습니다. 아이콘의 위치와 방향은 화면을 읽는 사람에게 장식 이상의 차이를 만들기 때문입니다.

Pixel Flags는 ISO 3166-1 알파-2 코드로 찾는 204개 픽셀 아트 국기 PNG를 제공합니다. andrsrxn/icons는 리액트 라이브러리에 국기 아이콘 250개 이상을 포함합니다. 같은 국기 아이콘도 이미지 파일이 필요한지, 리액트 구성요소가 필요한지에 따라 고르는 길이 달라집니다.

좋은 점은 투톤을 모든 기호에 억지로 입히지 않는다는 것입니다. 의미 있는 형태에는 두 색을 쓰고, +나 × 같은 단순 기호는 장식 배경 없이 둡니다. 선택 상태를 나타내는 좋아요·북마크·별 아이콘에는 채운 변형도 있어, 기본형과 활성 상태를 같은 계열로 맞출 수 있습니다.

다만 현재 지원하는 프레임워크는 리액트이며, 다른 프레임워크 지원은 추후 예정입니다. 브랜드와 로고 아이콘도 빠져 있어, 필요한 아이콘의 범위가 맞는지 확인해야 합니다. 국기 아이콘은 국가 코드를 접근성 이름(aria-label)으로 제공하고, MIT 라이선스라 상업적 이용도 가능합니다.

자주 쓰는 좋아요·북마크와 국기 아이콘을 작은 리액트 화면에 먼저 넣어 보십시오. 기본형과 채운형이 상태를 구분하는지 확인하십시오. 국기 아이콘의 aria-label에 국가 코드가 들어오는지도 살펴보십시오. 오른쪽에서 왼쪽으로 쓰는 화면에서 배치가 자연스러운지 시험하면 실제 적용 가능성이 보입니다.

자주 쓰는 좋아요·북마크와 국기 아이콘을 작은 리액트 화면에 먼저 넣어 보십시오. 기본형과 채운형이 상태를 구분하는지 확인하십시오. 국기 아이콘의 aria-label에 국가 코드가 들어오는지도 살펴보십시오. 오른쪽에서 왼쪽으로 쓰는 화면에서 배치가 자연스러운지 시험하면 실제 적용 가능성이 보입니다.

아이콘 라이브러리를 고를 때, 어떤 화면을 첫 시험 대상으로 삼으십니까?