요즘, 3D 아이콘이나 일러스트를 사용하는 웹페이지가 자주 눈에 띄네요. 애니메이션까지 적용된다면 일반 아이콘보다 더 명확하고 재치있게 메시지나 상황을 안내할 수 있다는 장점 때문인 것 같아요. 오늘은, 무료로 제공되는 것은 물론 상업적으로도 사용 가능한 3D 아이콘을 제공해주는 서비스를 살펴보고자 합니다.

‘3D Icons’는 기본 4가지 컬러 스타일로 제공됩니다. 저는 이 서비스를 접한 뒤 가장 먼저 피그마 파일을 확인했는데요. 피그마에도 4가지 스타일에 따라 아이콘이 정리되어 있어 활용하기 좋았습니다. 보통 동일 컬러나 한 가지 스타일로 아이콘이 제공되는 경우가 많기에 이렇게 여러 스타일 중 선택할 수 있다는 것은 큰 매력으로 다가왔어요.

위 이미지는 피그마 파일 미리보기로 확인한 아이콘 모습이에요. 총 4가지 스타일 중, 2가지 스타일을 먼저 확인한 모습이기도 합니다. 아이콘 구성은 아래에서 다시 확인할 예정이지만, 일반적인 웹 서비스나 일상 생활에서 자주 쓰이는 것들이 많아 활용도가 높다는 사실을 알 수 있어요.

4가지 스타일 외, 3가지 각도로도 제공된다는 점도 좋아요. 화면 구성 방법에 따라 3가지 각도의 아이콘을 각기 다른 방법으로 활용할 수 있기 때문입니다. 120개 아이콘을 4가지 스타일에, 3가지 각도로 활용할 수 있다면, 조합할 수 있는 범위도 넓어질거라 생각해요.

이번에는 제공되는 아이콘의 상세 모습 일부를 살펴볼게요. 위치, 메시지, 즐겨찾기 등 우리에게 익숙한 모습의 아이콘이 눈에 띄네요.

자물쇠, 폴더, 이미지, 펜, 카드 등 활용도가 높은 아이콘 위주로 구성된 모습입니다. 서비스에 바로 활용한다 해도 어색하지 않게 제작되어 있어 더 좋아요.

이렇게 다양한 모습을 갖춘 아이콘을 무료, 상업적 프로젝트에도 사용할 수 있다는 점이 가장 큰 장점입니다.

웹페이지 하단, 3D 아이콘을 어떻게 활용하면 좋을지에 대한 사례도 간단하게 정리되어 있어요. 확실히 플랫한 아이콘보다 화면 단위 주목도가 높아지는 느낌이에요. 물론 과하면 안되겠지만! 함께 활용하면 좋은 아이콘은 아래 리스트로 공유합니다. 오늘 소개한 3D 아이콘은 이곳에서 다운로드 받을 수 있어요!

함께 활용하기 좋은 아이콘!