무료 아이콘 사이트 모음 9곳 - 상업적 이용 가능하고 출처 표기 없는 곳 정리
디자인 초보도 바로 쓸 수 있는 무료 아이콘 사이트만 골랐습니다. 상업적 이용 가능 여부와 출처 표기 의무까지 한눈에 비교하고, 라이선스 사고 없이 안전하게 쓰는 방법을 정리했습니다.
썸네일 하나 만들려고 아이콘을 찾다가 30분을 날려본 적 있으실 겁니다. 검색하면 사이트는 수십 개가 나오는데, 막상 다운로드하려니 회원가입을 요구하거나 워터마크가 박혀 있거나 결제창으로 넘어갑니다. 더 무서운 건 무료인 줄 알고 썼다가 나중에 라이선스 위반 메일을 받는 경우입니다.
그래서 회원가입 없이도 쓸 수 있고, 상업적 이용이 가능하며, 출처 표기 의무까지 명확한 사이트만 추렸습니다. 디자인을 모르는 분도 바로 쓸 수 있도록 정리했습니다.
무료 아이콘, 아무거나 쓰면 안 되는 이유
무료 아이콘이라고 해서 모두 똑같이 자유로운 것은 아닙니다. 크게 세 가지로 나뉩니다.
- 완전 자유형(MIT, Apache 2.0 등): 상업적 이용, 수정, 재배포까지 모두 가능하고 출처 표기 의무도 없습니다. 가장 마음 편한 유형입니다.
- 출처 표기 조건형(CC BY 4.0 등): 무료로 쓰되 제작자 표기를 반드시 넣어야 합니다. 표기를 빠뜨리면 라이선스 위반입니다.
- 개인 한정형: 개인 블로그나 비영리 용도만 무료이고, 광고가 붙거나 수익이 발생하면 유료 전환이 필요합니다.
무료 아이콘에서 가장 흔한 사고는 다운로드 자체가 아니라 출처 표기 누락입니다. CC BY 라이선스 아이콘을 표기 없이 상업 콘텐츠에 쓰면 무료 다운로드였더라도 위반이 됩니다.
무료 아이콘 사이트 모음 9곳 비교
아래는 실제로 많이 쓰이는 무료 아이콘 사이트 모음입니다. 라이선스와 출처 표기 의무를 기준으로 비교했습니다.
| 사이트 | 주요 형식 | 라이선스 | 출처 표기 | 특징 |
|---|---|---|---|---|
| Flaticon | SVG, PNG | 무료 플랜 조건부 | 필요 | 세계 최대 규모, 종류가 압도적으로 많음 |
| Icons8 | SVG, PNG | 무료 플랜 조건부 | 필요 | 스타일 통일성 좋음, 일러스트도 제공 |
| The Noun Project | SVG, PNG | CC BY 또는 유료 | 필요(무료 시) | 심플한 단색 픽토그램 강점 |
| Font Awesome | 웹폰트, SVG | Free: CC BY 4.0 | 권장 | 웹사이트 삽입이 가장 쉬움 |
| Feather Icons | SVG | MIT | 불필요 | 얇은 선 스타일, 약 290개 오픈소스 |
| Tabler Icons | SVG | MIT | 불필요 | 5000개 이상, 일관된 라인 스타일 |
| Heroicons | SVG | MIT | 불필요 | Tailwind 제작팀, 웹 UI에 적합 |
| Material Symbols | SVG, 폰트 | Apache 2.0 | 불필요 | 구글 제작, 굵기 조절 가능 |
| Phosphor Icons | SVG | MIT | 불필요 | 6가지 두께 제공, 디테일 좋음 |
표를 보면 한 가지 패턴이 보입니다. 출처 표기가 필요 없는 곳은 대부분 MIT나 Apache 2.0 같은 오픈소스 라이선스를 쓰는 개발자 친화형 사이트라는 점입니다. 마음 편하게 쓰고 싶다면 Feather, Tabler, Heroicons, Material Symbols, Phosphor 다섯 곳을 우선으로 보시면 됩니다.
용도별로 어디를 쓰면 좋을까
사이트가 많다 보니 오히려 고르기 어렵습니다. 용도별로 추천을 정리했습니다.
썸네일, 카드뉴스, 배너
시각적으로 눈에 띄어야 하는 작업에는 종류가 압도적으로 많은 Flaticon이나 Icons8이 유리합니다. 다만 무료 플랜은 출처 표기가 필요하므로, 표기 공간을 넣기 어려운 디자인이라면 표기 의무가 없는 Phosphor나 Tabler로 대체하는 편이 깔끔합니다.
웹사이트, 앱 UI
코드로 직접 삽입한다면 웹폰트나 SVG 컴포넌트를 제공하는 곳이 좋습니다. Font Awesome은 한 줄 코드로 삽입이 가능해 가장 편하고, Heroicons와 Material Symbols는 굵기와 크기 조절이 자유로워 UI 통일성을 잡기 좋습니다.
문서, PPT, 보고서
The Noun Project의 단색 픽토그램이 깔끔합니다. 색이 단순해서 문서 배경과 충돌하지 않고, 흑백 인쇄에서도 또렷하게 나옵니다.
아이콘 색상과 크기 커스터마이징
SVG 형식으로 받으면 색상과 크기를 자유롭게 바꿀 수 있습니다. PNG는 고정 이미지라 확대하면 깨지지만, SVG는 벡터라서 아무리 키워도 선명합니다. 가능하면 SVG로 다운로드하는 것을 권합니다.
- 색상 변경: SVG 코드 안의
fill값을 원하는 색상 코드로 바꾸면 됩니다. - 크기 변경:
width와height값을 조정하거나 CSS로 제어합니다. - 두께 변경: Phosphor나 Material Symbols처럼 두께 옵션을 제공하는 세트는 다운로드 전에 미리 조절할 수 있습니다.
색상을 바꿀 때 브랜드 컬러와 맞추려면 정확한 색상 코드가 필요합니다. 핵사 코드와 RGB를 변환해야 한다면 색상 변환기를 쓰면 빠릅니다. 디자인 툴에서 뽑은 RGB 값을 SVG에 넣을 핵사 코드로 즉시 바꿔주기 때문에, 색상 통일 작업이 한결 수월해집니다.
라이선스 사고 막는 확인 체크리스트
무료 아이콘을 안전하게 쓰려면 다운로드 전 아래 세 가지만 확인하면 됩니다.
- 상업적 이용 가능 여부: 광고가 붙거나 수익이 발생하는 콘텐츠라면 반드시 상업적 이용이 허용된 아이콘만 사용합니다.
- 출처 표기 의무: CC BY 계열은 제작자 표기가 필수입니다. 표기를 넣기 어렵다면 MIT나 Apache 계열로 바꾸는 게 안전합니다.
- 수정 및 재배포 허용: 색상이나 형태를 바꿔 쓸 계획이라면 수정 허용 여부를 확인합니다.
이 세 가지만 챙기면 라이선스 위반으로 인한 문제는 거의 막을 수 있습니다. 작업 효율을 위해 자주 쓰는 사이트 두세 곳을 즐겨찾기에 등록해두면, 매번 검색하는 시간도 줄어듭니다. 반복 작업에 정해진 시간을 두고 집중하고 싶다면 온라인 타이머로 디자인 시간을 구간별로 끊어 쓰는 것도 도움이 됩니다.
지금 만들고 있는 콘텐츠가 상업적 용도라면, 출처 표기가 필요 없는 Tabler나 Phosphor부터 즐겨찾기에 추가해보세요. 그리고 다운로드는 가능한 한 SVG로 받아두면 나중에 색상이나 크기를 바꿀 때 훨씬 편합니다.
