Apple 스타일 라운딩과 모바일 미리보기로 iOS 아이콘 생성

iOS 앱 아이콘, Apple touch icon, iPhone 홈 화면용 시각 방향을 만들고 싶을 때 적합한 페이지입니다.

하나의 로고에서 전 플랫폼 아이콘 생성

favicon, desktop, mobile icon 결과를 바로 확인할 수 있습니다

Original logo
원본 로고
Browser
Desktop
Mobile
생성된 아이콘

생성기 사용하기

이 페이지는 iOS 앱 아이콘, Apple touch icon, iPhone 홈 화면 미리보기에 초점을 둡니다.

실시간 미리보기

iPhone 홈 화면을 중심으로 브라우저와 데스크톱 일관성도 함께 확인할 수 있습니다.

브라우저 탭 미리보기

IconBase
IconBase (Dark)
iconbase.7-image.com

macOS Dock 미리보기

App

Windows 작업 표시줄 미리보기

App
10:00

모바일 홈 화면 미리보기

9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase

설정 및 내보내기

로고, 여백, 둥근 정도를 조정해 iPhone에서 자연스럽게 보이도록 맞춥니다.

이미지 변경

기본 샘플 이미지가 로드되어 있습니다. 실제 로고를 올려서 확인하세요.

이미지 조정

내보내기 전에 업로드한 이미지를 세밀하게 조정하세요.

Standard Rounded
20%
22.5%
0%
중심 = 0

이미지 중심을 x0 y0 기준으로 두고 X/Y 오프셋으로 위치를 조정합니다.

0%
0%
Lime Mint

단색

그라디언트

Mesh 및 Grid

글래스

패턴

글로우

Zip 포함 항목:

favicon-16x16.png16x16
favicon-32x32.png32x32
favicon.ico32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / 직각
desktop-*.png256/1024
site.webmanifestJSON

Apple 스타일 라운드 처리

원본 로고를 다시 그리지 않고도 iPhone에 어울리는 rounded square 스타일을 빠르게 확인할 수 있습니다.

실시간 iPhone 홈 화면 미리보기

iOS 홈 화면과 유사한 배치에서 여백과 대비 문제를 미리 발견할 수 있습니다.

Apple 친화적 내보내기

apple-touch-icon.png를 포함하며 웹과 다른 플랫폼용 파일도 함께 내보낼 수 있습니다.

iOS 아이콘 만드는 방법

1. 로고 불러오기

앱 glyph나 브랜드 마크를 업로드합니다.

2. 둥근 정도와 여백 조정

rounded square 안에서 시각적으로 자연스러운 중심을 맞춥니다.

3. Apple용 파일 내보내기

Apple touch icon과 함께 활용할 수 있는 파일 세트를 zip으로 다운로드합니다.

iOS 아이콘 FAQ

네이티브 iOS 앱 전용인가요?

아니요. Apple touch icon, PWA 설치 아이콘, 초기 앱 브랜딩에도 활용할 수 있습니다.

왜 여백이 중요한가요?

iPhone 홈 화면에서는 로고가 너무 꽉 차면 답답해 보이기 때문에 적절한 여백이 중요합니다.

내보내기 전에 확인할 수 있나요?

네. 모바일, 브라우저, 데스크톱 미리보기를 동시에 보면서 조정할 수 있습니다.