–
기본 아이콘을 직접 제작해 활용할 수 있는 경우라면 좋지만, 사이드 프로젝트 등에서는 이런 환경을 갖추지 못하는 경우도 종종 발생하는데요. 이런 상황에서는 일관성 있는 스타일에 따라 기본적으로 제공되는 아이콘이 더욱 유용하게 느껴집니다. 직접 제작하지 않아도 되고, 일관성 있는 모습을 서비스 내 제공할 수 있기 때문인데요. 오늘은 326개 기본 아이콘을 3가지 사이즈와 스타일에 따라 확인하고 내려받거나 복사해 활용할 수 있는 곳을 소개하고자 합니다.
‘Basicons’는 각각 16, 24, 32 픽셀을 기본으로 3가지 아이콘 두께에 따라 326개 아이콘을 제공합니다. 기본 설정은 24 x 24 픽셀로 설정되어 있으며, 1, 1.5, 2 세 가지 두께 중 중간 두께에 맞게 아이콘을 확인할 수 있어요. ‘베이직’이라는 이름에 맞게 우리가 일반적으로 자주 활용하는 아이콘 위주로 제공되는 것을 알 수 있습니다.
제공되는 아이콘 중 하나를 선택하면 HTML, React에 해당하는 코드를 확인하고 복사할 수 있고, SVG 포맷으로 바로 내려받는 것도 가능합니다. 사이즈나 두께를 설정한 뒤 마음에 드는 아이콘을 바로 가져다 활용할 수 있어 좋습니다.
자체적으로 다크모드를 지원해 라이트 모드가 아닌 상황에서 아이콘이 어떻게 보이는지도 미리 살펴볼 수 있습니다. 요즘은 다크모드를 선호하는 사용자가 많아, 이렇게 서로 다른 환경에서의 아이콘을 살펴볼 수 있는 점도 매력적이라 생각합니다.
326개라는 숫자가 적어 보일 수 있지만, 컨셉 자체가 ‘기본’ 아이콘에 초점을 두고 있어 없는 아이콘을 찾는 게 더 어렵게 느껴집니다. 게다가 모두 같은 스타일로 제공되기에 기본 아이콘을 빠르게 찾고 적용할 방법을 필요로 하는 분들에게는 좋은 선택지가 되지 않을까 싶네요. 더 자세한 내용은 ‘링크’를 참고해주시고, 아래 서비스와 함께 고려해서 사용하시면 더 큰 도움이 될 거라 생각합니다!
- 자주 사용되는 227개의 아이콘을 웹과 피그마 파일로 제공하는 곳!
- 노션에서 사용 가능한 아이콘을 손쉽게 편집할 수 있는 곳!
- 입맛에 따라 아이콘과 일러스트 편집이 가능한 : SHAPE
- 250여개 국기 아이콘을 3가지 크기로 활용할 수 있는 : FLAGPACK
- 디자인 작업 시 사용 가능한 아이콘 제공 서비스 3
–
