시리즈 알려드려요, 깨알정보

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

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

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

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

flaticon

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

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

▼ animated icon 예시 ▼

https://www.flaticon.com/

Free Icons and Stickers - Millions of images to download

Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats

www.flaticon.com

lordicon

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

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

▼ 배경 유무 아이콘 예시 ▼

https://lordicon.com/

8,900+ Animated Icons - Lordicon

Powerful animated icon library with 8,900+ free and premium animated Lottie animations. Download icons as Lottie JSON, GIF, or static SVG files.

lordicon.com

REMIX ICON

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

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

https://remixicon.com/

GOOGLE FONTS ICON

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