무료 이미지/아이콘 다운로드

개발자가 디자이너 없이 혼자서 개발을 진행하면 가장 큰 애로사항 중 하나가 이미지나 아이콘이 필요할때이다. 예전에는 구글이나 네이버등 검색엔진에서 검색 후 가져다 썼지만 요즘은 디지털컨텐츠에 대한 저작권 문제로 고발을 당하거나 벌금을 내야 할수도 있기 때문에 주의를 해야 한다. 하지만 인터넷 검색을 잘 하면 무료로 사용할 수 있는 것들이 있는데 오늘은 Icon8(https://icons8.com/)이라는 사이트의 무료 아이콘 사용법에 대해서 알아본다.

<사진 1>

<사진 1>이 icon8.com의 메인페이지인데 무려 68,600개의 무료 아이콘이 있다고 한다. 검색창에서 검색을 하거나 상단 메뉴의 Icons 메뉴를 누르면 <사진 2>의 화면을 볼수 있다.

<사진 2>

좀 둘러보니 쓸만한 아이콘들이 제법 많고 이 곳에서 원하는 아이콘도 찾았다. 게다가 아이콘을 다운로드하기 전에 색상, 크기, 텍스트, 오버레이, 포맷 등 간단하게 편집까지해서 다운로드를 받을수 있다.

그럼 간단히 색상과 크기정도 편집해서 다운로드 받는 방법에 대해서 알아보자.
원하는 아이콘을 선택하면 <사진 3>과 같이 우측 상단에 아이콘이 표시된다.

<사진 3>

기본적으로 iOS Fill 스타일이 적용되어 있는데 다른 스타일을 원하면 아이콘의 우측 목록에서 선택하면 적용된 모습을 볼 수 있다. 아이콘 바로 밑에 포맷과 크기를 선택할 수 있는데 "PNG 50 px"를 누르면 <사진 4>와 같이 포맷과 크기를 변경할 수 있는 모달창이 뜬다. "More sizes"를 누르고 원하는 크기를 입력한 후 우측 체크버튼을 클릭하면 설정이 끝나고 모달창이 닫힌다.

<사진 4>

<사진 5>

<사진 6>

<사진 6>은 편집이 끝난 화면이다. 여기서 "Download" 버튼을 누르면 아이콘이 다운로드되고 우측의 "Generate HTML"을 누르면 <사진 7>의 모달창이 뜨는데 우측의 <img>태그를 복사해서 자신의 HTML페이지에 붙여넣기하면 아이콘이 표시된다. 이 기능은 개발하다 급히 아이콘을 적용해보고자 할때 다운로드/업로드 과정을 생략하고 바로 적용해서 확인한다면 유용할 것이다.

<사진 7>