활용하기 좋은 아이콘 사이트

“

안녕하세요. 디자인소이정입니다.

”

오늘은 PPT나 웹디자인 등 다양하게 활용하기 좋은 아이콘 사이트를 모아보았습니다.
아이콘은 SNS 심볼같이 말하지 않아도 알 수 있는 것을 이용해
상대방으로 하여금 바로 이해할 수 있게 도와주거나

이런 직관적인 아이콘을 이용해 말하고자 하는 바를 더욱 강력하게 전달할 수 있어요.

flaticon

flaticon은 다양한 PPT 아이콘과 무료 픽토그램, 벡터그래픽 리소스를 제공하는 사이트인데요. 아이콘 사용시 저작권만 표시하면 문제없이 사용 가능하답니다. 상단에 필터기능과 카테고리 기능으로 원하는 아이콘을 손쉽게 다운 받을 수 있는 사이트입니다.
직접 사용해보니, 한국어 검색보단 영단어로 검색했을 때 결과가 더 잘 나왔답니다!
구글, 페이스북, 이메일 계정들으로 간단하게 로그인이 가능합니다.

flaticon에서는 움직이는 아이콘도 다운 받을 수 있는데요. 메인 페이지에서 Animated Icons를 누르면 확인가능합니다.

▼ animated icon 예시 ▼

https://www.flaticon.com/

lordicon

다양한 아이콘과 움직이는 아이콘을 보유한 사이트인데요. 마찬가지로 무료 사이트이며 종류도 다양하게 있습니다.

html형식으로도 다운로드 가능하며, 배경이 없는 투명 버전과 배경색을 고를 수 있습니다.
사이즈와 아이콘의 움직이는 딜레이타임도 설정가능하다는 점에서 무척 유용한 사이트입니다.

▼ 배경 유무 아이콘 예시 ▼

https://lordicon.com/

REMIX ICON

REMIXICON의 경우 필요한 아이콘들은 다 있지만 아이콘 수가 적어 간단한 프로젝트를 할 때 용이하게 사용할 수 있는 사이트입니다.
기존 아이콘의 아이덴티티는 유지하고 그래픽적 요소만 변경하고 싶을 때 참고하면 좋습니다.

이모티콘을 다운 받을 경우 아래와 같이 html로 사용할 수 있는 소스코드가 생성됩니다.

https://remixicon.com/

GOOGLE FONTS ICON

구글 폰트 아이콘은 이름에서 알 수 있듯 구글에서 제공하며, 폰트 아이콘을 변경하여 사용 할 수 있습니다. 이 외에 상단메뉴에서 아이콘 메뉴를 선택하면 다양한 아이콘을 확인 가능합니다.
하단 오른쪽 영역에 있는 패널에서 아이콘의 크기를 조절할 수 있는 장점이 있습니다.

다운받고 싶은 아이콘을 클릭하면 나오는 패널인데요. 소스코드 복사는 물론, png 형식과 svg형식을 제공하고 있습니다.

https://fonts.google.com/icons

소개드린 사이트 외에도 아이콘을 받을 수 있는 사이트들은 정말 많은데요.
fontawesome, XEICON 등 툴킷을 사용하여 아이콘을 다운받을 수 있습니다.

https://fontawesome.com/

http://xpressengine.github.io/XEIcon/

각 사이트별로 다른 다운로드방법이나 제공하는 파일형식을 확인한 후
여러분께 잘맞는 사이트를 이용해 아이콘을 다운받으시길 바랍니다!

무료사이트라해도 저작권 관련 내용은 다시 한 번 꼭! 확인해서 사용하세요!

감사합니다.