인터페이스에 쓸 만한 아이콘 라이브러리

아이콘은 디자인 시스템에서 가장 빨리 무너지는 부분입니다. 한 세트로 시작했다가 하나가 없어 다른 데서 빌려오고, 반년 뒤에는 아무것도 맞아떨어지지 않습니다.

이를 막는 규칙은 지루합니다. 내 영역을 덮는 라이브러리 하나를 고르고, 브랜드 로고를 위해서만 그 밖으로 나가는 것.

제가 만든 것

IconKit

아웃라인과 솔리드로 3039개 아이콘. 모두 currentColor 기반이며 web, Flutter, React, Vue, Swift 등의 래퍼를 제공합니다.

iconkit.suils.es

오픈소스

Lucide

커뮤니티가 이어받은 Feather의 후속. 일관되고 가볍고 모든 프레임워크에서 쓸 수 있습니다.

lucide.dev

오픈소스

Phosphor

같은 아이콘을 여섯 가지 두께로 제공합니다. 드물고, 정보가 빽빽한 화면에서 아주 유용합니다.

phosphoricons.com

오픈소스

Tabler Icons

5천 개가 넘는 선 아이콘. 제품에 특이한 개념이 많을수록 커버리지가 빛납니다.

tabler.io/icons

오픈소스

Heroicons

Tailwind 팀이 만든 작고 정갈한 세트. 이미 Tailwind를 쓴다면 최적입니다.

heroicons.com

오픈소스

Remix Icon

중립적인 시스템 아이콘. 모든 아이콘에 선형과 채움 변형이 있습니다.

remixicon.com

브랜드 로고

Simple Icons

정확한 브랜드 색을 지닌 공식 로고. 범용 세트에는 절대 없는 부분을 채웁니다.

simpleicons.org

통합 검색

Iconify

모든 세트의 아이콘 20만 개를 한 번에 검색하고 쓰는 것만 내보냅니다.

iconify.design

무엇을 고르든 아이콘 폰트 전체가 아니라 실제로 쓰는 SVG만 직접 호스팅하세요. 보통 80KB와 2KB의 차이입니다.

고르는 것에서 끝나지 않고, 만들어야 한다면?

웹 앱, API, 인프라, 인터페이스. 바르셀로나 기반 프리랜서, 어디에 있는 클라이언트든 환영합니다.

연락하기


코멘트

Leave a Reply

Your email address will not be published. Required fields are marked *