Dock 중심 미리보기
단순한 사각 캔버스가 아니라 Dock에 가까운 환경에서 아이콘 느낌을 확인합니다.
Dock 미리보기와 desktop 출력으로 macOS 스타일 앱 아이콘 생성
로고를 macOS Dock이나 데스크톱 컨텍스트에 맞추고 싶을 때 적합합니다. 둥근 정도와 질감, 대비를 보면서 다듬을 수 있습니다.
하나의 로고에서 전 플랫폼 아이콘 생성
favicon, desktop, mobile icon 결과를 바로 확인할 수 있습니다
Browser
Desktop
Mobile
생성기 사용하기
macOS Dock, desktop icon 크기, Apple 데스크톱 문맥에 맞는 시각 방향을 중점으로 둔 페이지입니다.
실시간 미리보기
Dock 미리보기로 데스크톱 환경에서의 완성도를 빠르게 판단할 수 있습니다.
브라우저 탭 미리보기
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
macOS Dock 미리보기
App
Windows 작업 표시줄 미리보기
App
10:00
모바일 홈 화면 미리보기
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
설정 및 내보내기
웹과 모바일 호환성을 유지하면서 Dock과 desktop에서 잘 보이는 방향으로 조정합니다.
이미지 변경
기본 샘플 이미지가 로드되어 있습니다. 실제 로고를 올려서 확인하세요.
이미지 조정
내보내기 전에 업로드한 이미지를 세밀하게 조정하세요.
Standard Rounded
20%
22.5%
0%
중심 = 0
이미지 중심을 x0 y0 기준으로 두고 X/Y 오프셋으로 위치를 조정합니다.
0%
0%
Obsidian Glass
단색
그라디언트
Mesh 및 Grid
글래스
패턴
글로우
Zip 포함 항목:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / 직각
desktop-*.png256/1024
site.webmanifestJSON
Apple 데스크톱 스타일링
rounded square, glass, gradient, mesh를 사용해 데스크톱에 어울리는 마감을 만들 수 있습니다.
큰 desktop 이미지도 내보내기
256x256, 1024x1024 등 발표 자료와 런치 자산에 쓰기 좋은 크기가 포함됩니다.
macOS 아이콘 만드는 방법
1. 마크 업로드
glyph, logo, 단순화한 브랜드 마크로 시작합니다.
2. 데스크톱 방향으로 다듬기
둥근 정도, glass, gradient, 여백을 조정해 Dock에서의 인상을 개선합니다.
3. 아이콘 패키지 내보내기
desktop, browser, mobile에 동시에 활용할 수 있는 아이콘 세트를 zip으로 받습니다.
macOS 아이콘 FAQ
Mac 앱 콘셉트 작업에도 쓸 수 있나요?
네. 웹용 출력뿐 아니라 Mac 앱 아이콘 콘셉트를 탐색하는 데에도 적합합니다.
큰 desktop PNG도 생성되나요?
네. 데스크톱용 큰 PNG 크기가 포함됩니다.
같은 설정으로 웹 아이콘도 만들 수 있나요?
네. 같은 상태에서 browser, Apple, Android, desktop 파일을 모두 내보냅니다.