팔호넷(8ho.net)

SVG export, 웹페이지에 있는 SVG 이미지 파일 다운로드(내보내기)  구글 확장 프로그램 SVG export 는 온라인 웹페이지 속에 존재하는 SVG 이미지 파일을 찾아서 목록화 해주며, SVG 파일로 내려받거나 PNG 또는 JPG(JPEG) 이미지 파일로 다운로드 할 수 있도록 도와주는 구글 확장 프로그램 입니다. SVG Export 공식 홈페이지 또는 크롬 웹스토어에서 설치할 수 있습니다. SVG Export 확장 프로그램 설치 후, 크롬 확장 프로그램 '고정' 기능을 이용하면 보다 빠르게 SVG Export를 구동할 수 있습니다. SVG 파일을 추출하고 싶은 웹페이지 접속 후, 고정 해두었던 SVG Export 확장 프로그램 아이콘을 누르며, 새로운 탭에 조금전 접속했던 웹페이지 내부에 포함되어 있는 SVG 파일 이미지를 모두 추출하여 리스트로 보여줍니다. 추출된 SVG 이미지 파일은 이름을 변경하거나 가로 세로 사이즈를 수정하여 다운로드 할 수도 있습니다. 추출된 SVG 이미지는 SVG 파일로 내보낼 수도 있지만, PNG 또는 JPG(JPEG) 이미지로도 내보낼 수 있습니다. JPG 이미지의 경우는 내보낼 이미지의 퀄리티를 설정할 수 있습니다. JPG 퀄리티의 기본값은 80% 이지만, 원본을 내려받을 때는 100% 퀄리티를 사용하는 게 좋을 거 같습니다.

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...] 버튼을 눌러, 다른 아이콘 팩(라이브러리)를 추가해서 사용할 수도 있습니다. 다른 아이콘 팩을 이용할 시에는 라이센트 부분을 꼭 확인하시고 사용하세요.