IT Tip

[풀스택디자이너] SVG 변환이 필요없는 아이콘 무료 사이트 feather (feat. Adobe XD에서 적용하기)

기획하는디자이너 2020. 7. 1. 12:54
반응형

웹에 최적화된 이미지 파일 유형인 .svg 아이콘을 무료로 다운로드 할 수 있는 사이트를 소개합니다.

feather 

feather icon

https://feathericons.com/

 

 

지속적으로 새로운 아이콘을 업데이트하는 듯 합니다.

png로 크게 키우고 이미지를 작게 조절해도 깨지기 일쑤인 아이콘 이미지 파일을 SVG 유형으로 사용할 수 있고, 깔끔한 디자인이 포인트인 고마운 무료 사이트입니다.

제작자 Colebemis

원하는 아이콘을 클릭하면 바로 파일이 다운로드 됩니다.

 

 

Size와 Stoke width를 조절하여 원하는 느낌의 아이콘 디자인으로 변경하여 다운로드도 가능합니다.

 

 

 

Color 코드를 입력하여 컬러 변경도 가능합니다.

상단의 Reset 버튼을 클릭 시 모든 설정이 초기화됩니다. 

 

 

 

Adobe XD

 

feather에서 다운로드한 svg 아이콘 파일을 다운로드하여 어도비 XD에서 사용해보았습니다.

 

불러온 svg파일의 컬러와 굵기 모두 XD에서도 수정이 가능하여 자유로이 활용이 가능합니다.

 

 

훌륭한 무료 SVG 아이콘 다운로드 서비스인 feather 정보가 유용했거나, 기타 의견이 있으시다면 아래 댓글로 남겨주세요! 다음에 더 유익한 정보로 찾아뵙겠습니다.

 

 

반응형