앱 아이콘 생성기 / Android iOS PWA ICNS ICO - Online Toolbox

이미지 도구 / 앱 아이콘

아이콘 패키지 작업대

앱 이름Config 저장

아이콘 소스

내장 그래픽과 온라인 아이콘

버튼을 누르기 전에는 외부 아이콘 API 요청을 보내지 않습니다.

1024 x 1024 live canvas

My App

Contrast 6.39:1AA

Platform preview

플랫폼별 표시 확인

Android 원형round

Android 스쿼클squircle

Android 둥근 사각형rounded

Android 사각형square

Android 13 테마mono 24dp

알림 24dpnotification

iOS 홈 화면squircle

iOS 18 darkdark

iOS App Store1024

Web favicon32

PWA 512install

PWA maskablesafe zone

OG social image1200 x 630

My AppOnline Toolbox

Apple touch icon180

macOS DockICNS

Windows tileICO / tile

watchOSwatch

Apple TVstore card

샘플 디자인이 준비되었습니다.

준비

패키지 내보내기71 files

ZIP을 만들 준비가 되었습니다.

Android · iOS · Web/PWA · macOS · Windows

도구 사용 요약

앱 출시, PWA 배포, 웹 파비콘 교체, macOS ICNS 또는 Windows ICO 패키지가 한 번에 필요할 때 사용합니다.

처리 방식: 업로드한 이미지와 SVG는 현재 브라우저에서만 렌더링하고, 기본 기능은 서버로 파일을 보내지 않습니다. 온라인 검색과 폰트 로드는 사용자가 명시적으로 실행할 때만 요청합니다.
대표 예시: 텍스트 로고나 SVG를 넣고 배경, 마스크, 그림자, 배지를 조정한 뒤 Android, iOS, Web/PWA, macOS, Windows ZIP을 내려받습니다.

빠른 답변 요약

앱 아이콘 생성기는 하나의 아이콘 디자인에서 모바일, 웹, 데스크톱 플랫폼별 아이콘 파일과 설정 파일을 생성하는 브라우저 로컬 도구입니다.

언제 쓰나요: 앱 출시, PWA 배포, 웹 파비콘 교체, macOS ICNS 또는 Windows ICO 패키지가 한 번에 필요할 때 사용합니다.
처리 방식: 업로드한 이미지와 SVG는 현재 브라우저에서만 렌더링하고, 기본 기능은 서버로 파일을 보내지 않습니다. 온라인 검색과 폰트 로드는 사용자가 명시적으로 실행할 때만 요청합니다.
대표 예시: 텍스트 로고나 SVG를 넣고 배경, 마스크, 그림자, 배지를 조정한 뒤 Android, iOS, Web/PWA, macOS, Windows ZIP을 내려받습니다.

도움말사용 방법, 예시, 실무 팁, FAQ는 필요할 때 펼쳐보세요.

이 도구는 무엇인가요?

앱 아이콘 생성기는 텍스트, 이모지, SVG, 로컬 이미지, 내장 아이콘을 1024px 캔버스에서 편집하고 플랫폼별 미리보기와 export 패키지를 만드는 이미지 작업대입니다.

사용 방법

Android 소스와 스타일 선택
내장 아이콘, 텍스트, 이모지, SVG, 이미지 중 하나를 선택하고 색상, 배경, 마스크, 효과를 조정합니다.
iOS 미리보기 확인
1024px 캔버스와 iOS 홈 화면, App Store, iOS dark 미리보기에서 작은 크기 가독성을 확인합니다.
Web/PWA 파일 확인
favicon, PWA 192/512, maskable safe zone, OG image 미리보기를 확인하고 manifest와 HTML snippet을 함께 생성합니다.
macOS와 Windows export 선택
macOS ICNS, Windows ICO, tile PNG가 필요한 경우 플랫폼 체크박스를 켜고 파일 목록을 확인합니다.
ZIP 다운로드
필요한 플랫폼과 PNG/WebP/SVG 추가 포맷, custom size를 선택한 뒤 브라우저에서 생성된 ZIP을 내려받습니다.

예시

모바일 앱 아이콘 패키지

입력: SVG 로고, 스쿼클 마스크, Android+iOS 선택
출력: mipmap, adaptive XML, AppIcon.appiconset ZIP

Web/PWA 파비콘 세트

입력: 텍스트 OT, 파란 배경, Web/PWA 선택
출력: favicon.ico, 16/32/96 PNG, manifest.json, snippet.html

데스크톱 앱 아이콘

입력: 이미지 업로드, macOS+Windows 선택
출력: AppIcon.icns, app.ico, Windows tile PNG

실무 팁

iOS 아이콘은 시스템이 둥근 모서리를 적용하므로 export는 full-bleed square를 기준으로 확인하세요.
Android adaptive icon은 foreground, background, monochrome layer가 분리되므로 작은 알림 아이콘도 함께 확인하세요.
Web/PWA maskable icon은 safe zone 안에 중요한 요소가 들어가도록 전경 스케일을 조정하세요.
온라인 아이콘 검색, 브랜드 로고 검색, Google Font 로드는 사용자가 버튼을 눌렀을 때만 외부 요청을 보냅니다.
광고는 입력, SVG 붙여넣기, 업로드, 다운로드, 초기화 버튼 근처에 배치하지 않습니다.

FAQ

앱 아이콘 생성기가 파일을 서버에 업로드하나요?

아니요. 기본 아이콘 편집, Canvas 렌더링, ZIP 생성은 현재 브라우저에서 처리합니다.

Iconify나 브랜드 로고 검색은 자동으로 실행되나요?

아니요. 외부 검색은 네트워크 사용 안내를 본 뒤 사용자가 직접 실행할 때만 요청합니다.

iOS AppIcon.appiconset을 그대로 Xcode에 넣을 수 있나요?

네. iOS 선택 시 여러 크기 PNG와 Contents.json을 포함한 AppIcon.appiconset 구조를 만듭니다.

Android 13 themed icon도 포함하나요?

네. adaptive icon XML과 foreground, background, monochrome 레이어를 함께 준비합니다.

Web/PWA 파일에는 무엇이 들어가나요?

favicon.ico, 16/32/96 PNG, apple-touch-icon, PWA 192/512, maskable 512, OG image, manifest.json, snippet.html을 포함합니다.

macOS ICNS와 Windows ICO도 브라우저에서 만들 수 있나요?

네. 여러 크기 PNG를 브라우저에서 컨테이너로 묶어 AppIcon.icns와 app.ico를 생성합니다. 실제 OS 적용은 다운로드 후 한 번 더 확인하세요.

함께 쓰기 좋은 도구

파비콘 생성기 SVG 최적화기 이미지 리사이저 색상 팔레트 생성기

입력 / 출력