IcoMoon, 무료 SVG 유료 SVG 아이콘 간단 사용법

IcoMoon은 무료 SVG와 유료 SVG 아이콘을 내가 원하는 사이즈(크기)와 컬러로 변경하여 다운받아 사용할 수 있게 해주는 사이트입니다.

사이트 접속 후 'IcoMoon App' 메뉴를 누르거나, SVG 아이콘 선택화면(https://icomoon.io/app/#/select)으로 바로 접속할 수도 있습니다.

제일 처음에는 기본 아이콘 라이브러리(IcoMoon - Free)가 선택되어 있습니다.

원하는 SVG 아이콘을 선택한 후 [Generate SVG & More]를 눌러, SVG 아이콘의 사이즈와 컬러를 변경할 수 있습니다.

우측 상단에 그리드 사이즈를 선택하여, SVG 아이콘의 자체 사이즈를 변경(Grid Size)할 수 있습니다.

그리고 환경설정[Preferences]을 눌러서, 아이콘이 이름과 클래스 프리픽스 등의 설정을 변경할 수 있으며, Color(hex) 부분의 컬러값의 숫자를 넣어주면, SVG 아이콘의 기본색이 변경됩니다.

SVG 아이콘의 사이즈, 컬러 등 모든 환경설정을 맞쳤다면 [Download] 버튼을 눌러 SVG 아이콘과 PNG 이미지가 포함된 압축 파일을 내려 받을 수 있습니다.

기본 아이콘 라이브러리(IcoMoon - Free)에 SVG 아이콘이 마음에 들지 않는다면, [Add icons From Library...] 버튼을 눌러, 다른 아이콘 팩(라이브러리)를 추가해서 사용할 수도 있습니다.

다른 아이콘 팩을 이용할 시에는 라이센트 부분을 꼭 확인하시고 사용하세요.