🎨 무료 아이콘 & 일러스트 사이트 모음 — 상업적 이용 안전 가이드

 

🎨 무료 아이콘 & 일러스트 사이트 모음 — 상업적 이용 안전 가이드

아이콘·일러스트를 무료로 안전하게 쓰는 법을 사이트별 특징, 라이선스 포인트, 실무 템플릿과 함께 정리했습니다. (화이트 스킨·현재 본문 폰트에 최적화)

#상업적이용가능(조건별) #출처표기여부확인 #SVG권장 #일관된스타일가이드 #피그마/캔바호환

🧭 바로 쓰는 추천 리스트 (요약)

아이콘(OSS/오픈셋) — Heroicons(OSS), Tabler Icons(OSS), Feather(OSS), Lucide(Feather 포크, OSS), Material Symbols(오픈 라이선스)

아이콘(플랫폼) — Flaticon(무료/출처표기), Iconfinder(무료 필터·라이선스별), The Noun Project(무료/출처표기, Pro 무표기)

일러스트(오픈·무료) — unDraw(상업 OK/무표기), Storyset by Freepik(무료/출처표기), Ouch! by Icons8(무료/출처표기), ManyPixels(주 단위 무료 팩), Open Doodles(오픈셋)

※ 구체적 라이선스는 프로젝트·개별 리소스마다 다를 수 있으니 다운로드 페이지에서 최신 조건을 재확인하세요.

📦 사이트별 상세 가이드

1) Flaticon

벡터·아이콘 최대급 플랫폼. PNG/SVG/폰트아이콘 제공.

무료(출처표기) Premium=무표기 스타일 다양

• 키워드+스타일로 필터(Outline, Filled, Gradient 등).
• 썸네일·표 아이콘·목차 마커에 활용.
• 주의: 컬렉션·작가별 라이선스 문구 확인.

Flaticon 바로가기

2) Iconfinder

다양한 작가·패키지를 라이선스 기준으로 탐색 가능.

Free 필터 상업용/무표기 필터

• 검색 후 License → Free/Commercial/No attribution 필터 체크.
• 동일 스타일 팩을 선택해 일관성 유지.

Iconfinder 바로가기

3) The Noun Project

방대한 블랙/라인 아이콘. 교육·보고서에 강함.

• 무료는 보통 출처 표기 필요, Pro는 무표기.
• 단색 변경과 크기 조정이 쉬운 SVG 권장.

Noun Project 바로가기

4) unDraw (일러스트)

테마 컬러를 실시간 변경해 SVG로 다운로드 가능.

• 상업적 사용 가능, 일반적으로 출처 표기 요구 없음으로 알려짐.
• 히어로 섹션, 안내 배너에 최적.

unDraw 바로가기

5) Storyset by Freepik (일러스트)

장면(Scene) 편집·애니메이션 Lottie 제공.

• 무료는 보통 출처 표기 필요, 유료 플랜은 달라질 수 있음.
• 주제(비즈니스/헬스/교육)별 세트로 일관성 확보.

Storyset 바로가기

6) Ouch! by Icons8 (일러스트)

다양한 일러스트 스타일(3D/플랫/스케치).

• 무료는 일반적으로 출처 표기 필요. 유료 플랜은 조건 상이.
• 썸네일 포인트 그래픽에 적합.

Ouch! 바로가기

7) ManyPixels (일러스트)

주 단위로 무료 일러스트 팩을 공개. SVG/PNG 제공.

• 스타일: 모노톤/플랫/선형 등 깔끔한 업무 친화형.

ManyPixels 바로가기

8) Open Doodles (일러스트)

손그림 느낌의 자유로운 오픈 일러스트.

• 개성 강조용, 에세이형 글·공지 배너에 어울림.

Open Doodles 바로가기

9) Heroicons (아이콘, OSS)

Tailwind 팀의 깔끔한 라인/솔리드 아이콘.

• 오픈소스 라이선스(OSS). SVG 커스터마이즈 쉬움.
• 웹·앱·블로그 표준 아이콘으로 쓰기 좋음.

Heroicons 바로가기

10) Tabler Icons (아이콘, OSS)

굵기·모서리 라운드가 균형 잡힌 대규모 셋.

• 일관된 라인 두께로 표/체크리스트에 최적.

Tabler Icons 바로가기

11) Feather · Lucide · Material Symbols

경량 라인(Feather/Lucide), 구글 스타일(Material) 등 선택지.

• 오픈 라이선스 기반으로 상업적 사용에 유리(프로젝트 조건 별도 확인).
• UI/UX 톤과 글의 성격에 맞춰 한 셋을 고정 사용 권장.

Feather · Lucide · Material Symbols

🧾 비교 요약 — 아이콘 셋

셋	포맷	상업적 이용	출처 표기	특징
Heroicons	SVG	가능(오픈소스)	보통 불요	웹·앱 표준 톤
Tabler	SVG	가능(오픈소스)	보통 불요	균일 라인 두께
Feather/Lucide	SVG	가능(오픈소스)	보통 불요	미니멀/경량
Material Symbols	SVG/웹폰트	가능(오픈 라이선스)	보통 불요	굵기/핏 옵션 풍부
Flaticon/Noun/ICF	SVG/PNG	가능(조건별)	무료=표기 多	대규모 마켓플레이스

🖼️ 비교 요약 — 일러스트 모음

플랫폼	포맷	상업적 이용	출처 표기	특징
unDraw	SVG/PNG	가능	보통 불요	테마 컬러 즉시 변경
Storyset	SVG/PNG/Lottie	가능(조건별)	무료는 표기 多	장면 에디터/애니
Ouch! (Icons8)	SVG/PNG	가능(조건별)	무료는 표기 多	다양한 스타일
Open Doodles/ManyPixels	SVG/PNG	가능(오픈/무료팩)	보통 불요~조건별	개성·업무용 선택지

🛠️ 실무 루틴 (10분 완성)

1. 톤 결정: 라인/솔리드/두께(1.5px, 2px) → 한 셋으로 고정.
2. 컬러 변수화: 메인/보조/경고 3색만 지정(#111827, #6b7280, #ef4444).
3. SVG만 수집: 해상도 무관·색상변경 쉬워 재사용성↑.
4. 라이선스 확인: 상업용/출처 문구/재배포 금지 여부.
5. 피그마 임포트 후 컴포넌트화(24px/32px/48px 3단계).
6. ALT/캡션 작성: “결제 보안 아이콘(패드락)”처럼 설명형.

⚠️ 저작권·상표·퍼블릭리소스 체크리스트

• 상업적 이용 가능 문구를 페이지 단위로 재확인.
• 출처 표기 필요 시 포스트 하단에 표준 문구 삽입.
• 브랜드/로고 아이콘은 상표권 이슈가 있을 수 있음(대체 아이콘 권장).
• 재배포/수정 금지 여부(템플릿·팩 배포 시 주의).

📝 출처 표기 템플릿 (복붙)

아이콘(플랫폼)

아이콘: 작가명 via 플랫폼명(링크) — 라이선스 확인일: YYYY-MM-DD

 

일러스트(플랫폼)

일러스트: 저작자명 via 플랫폼명(링크) — 사용조건: 출처 표기 필요(YYYY-MM-DD 확인)

 

오픈소스 아이콘셋

아이콘셋: 프로젝트명 — 오픈 라이선스(링크) — 상업 이용/수정 허용 범위 확인

🗂️ 작업 기록 시트(요약 템플릿)

구분	파일/URL	저작자/프로젝트	상업용	출처 표기	확인일
아이콘	tabler-lock.svg / 링크	Tabler Icons	가능	불요	2025-09-15
일러스트	storyset-education.json(Lottie)	Storyset	가능(조건별)	필요(무료)	2025-09-15

📌 핵심 정리

플랫폼형(Flaticon/Noun 등)은 출처 표기가 필요할 수 있고, 오픈셋(Heroicons/Tabler 등)은 일관성·재사용성에서 강점이 있습니다. 블로그 톤에 맞는 한 셋을 고정하고, SVG로 수집해 색상·두께를 통일하면 썸네일·본문·표 어디든 바로 재활용이 가능합니다.