기획안을 작성하거나, 화면을 설계할 때 가장 많이 찾게 되는 서비스는 ‘아이콘’과 관련된 서비스가 아닐까 싶습니다. 상업적으로 사용할 수 있는 아이콘을 찾아보기도 하고, 비상업적이지만 무료로 사용할 수 있는 아이콘을 찾아 문서에 바로 활용하기도 하고 말이죠. 주관적인 입장에서 워드프레스 기반의 블로그를 운영하다 보니, 제게 필요한 서비스가 많이 등장하는데요! 아이콘 관련 서비스도 상당히 많은(?) 지분을 갖고 있습니다.
- ‘원하는 모양과 컬러의 라인아이콘을 찾고, 다운로드 받을 수 있는 ‘Lineicon’
- 파워포인트에서 바로 활용 가능한, 유용한 아이콘 100개 ‘Noun Project For Ms’
- 머터리얼 디자인을 위한 아이콘을 한 곳에서! ‘Material Design’
위의 서비스들은 제가 소개 후 지금까지도 꾸준히 쓰고 있는 ‘아이콘’ 관련 서비스입니다. 필요할 때마다 들어가 원하는 아이콘을 바로바로 찾아보고 있죠. 오늘은 위의 서비스와 더불어 제가 앞으로 꾸준히 찾을 것 같은! 무려 350개 이상의 아이콘을 제공해주는 서비스를 소개 드리고자 합니다.
‘High Quality web friendly icons’ 이라는 메시지를 통해 서비스를 한 눈에 파악할 수 있는데요! 웹은 물론 모바일 앱, 데스크탑 앱에서 쉽게 활용할 수 있는 아이콘을 스크립트, SVG 형태로 제공해주고 있는 ‘Boxicons’입니다. 소개를 통해 확인한 정확한 아이콘 갯수는 378개 이며 꾸준히 업데이트 될 예정이라고 하네요 🙂
‘Boxicons’ 페이지에 들어가면 알파벳순으로 정렬된 아이콘들을 확인할 수 있습니다. 아이콘 썸네일, 이름과 함께 말이죠. 위의 이미지를 보면 제공되고 있는 아이콘들이 무료(MIT licenses) 이상의 퀄리티라는 점을 쉽게 확인할 수 있습니다.
전체 아이콘을 조금 더 구체적으로 확인할 수 있는 리스트도 제공하고 있습니다. 350여개 이상의 아이콘이 제공되고 있기에 상황별 구체적인 아이콘을 확인할 수 있다는 점이 서비스의 가장 큰 매력이었는데요! 예를 들어 배터리 아이콘이라고 하면, 배터리가 없을 때, 충전중일 때, 완충 되었을 때를 표현할 수 있는 아이콘이 모두 제공되고 있습니다.
특정 아이콘을 선택하면, 위와 같이 배경을 고른 후 스크립트를 복사하거나 SVG로 다운로드 받을 수 있습니다. 깃허브를 통해 전체 내용을 확인하는 것도 가능하고요. 오픈소스로 제공되고 있기에 아이콘을 웹사이트나 앱에 적용할 수 있는 방법을 별도의 페이지를 통해 상세히 안내해주고 있습니다. 서비스와 관련된 주요 아이콘들이 필요하다면, ‘Boxicons’을 통해 바로 검색, 적용해보는 것도 시간을 효율적으로 활용하는 방법이 되지 않을까 싶은데요! 자세한 내용은 ‘이 곳’을 통해 확인해보세요!
