iOS, macOS, 브라우저, PWA용 세련된 앱 아이콘 만들기

IconBase는 하나의 로고를 Apple 스타일 아이콘 세트로 바꾸고, 브라우저 탭, 모바일 홈 화면, macOS Dock, 데스크톱 환경에서의 모습을 바로 확인할 수 있게 해줍니다.

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

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

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

생성기 사용하기

로고를 업로드하고 배경과 여백을 조정하면서 브라우저 탭, 모바일 홈 화면, macOS Dock, Windows 작업 표시줄에서의 결과를 실시간으로 확인할 수 있습니다.

실시간 미리보기

같은 아이콘 상태를 브라우저, 데스크톱, 모바일 목업에 동시에 반영합니다.

브라우저 탭 미리보기

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

설정 및 내보내기

업로드, 배경 선택, 반경 조절, 내보내기를 하나의 패널에서 처리합니다.

이미지 변경

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

이미지 조정

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

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

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

0%
0%
Glass Glow

단색

그라디언트

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

핵심 플랫폼 미리보기

favicon, Apple touch icon, Android 홈 아이콘, macOS Dock 아이콘, Windows 작업 표시줄 아이콘을 한 번에 확인합니다.

Apple 스타일 배경과 형태

둥근 사각형, 그라디언트, Mesh, 글래스 효과, 패턴을 사용해 작은 크기에서도 선명한 아이콘을 만듭니다.

실사용 가능한 원클릭 내보내기

PNG 크기, favicon.ico, Apple touch icon, Android 이미지, maskable icon, desktop PNG, webmanifest를 함께 생성합니다.

IconBase 사용 방법

1. 로고 업로드

PNG, SVG, JPG, WEBP를 지원하며 처리는 브라우저 안에서 이루어집니다.

2. 배경과 여백 조정

배경, 여백, 둥근 정도를 조정하면서 여러 미리보기에서 균형을 확인합니다.

3. 아이콘 패키지 내보내기

favicon, Apple, Android, desktop, manifest를 포함한 zip을 다운로드합니다.

자주 묻는 질문

이미지가 서버로 업로드되나요?

아니요. Canvas 기반으로 브라우저에서 처리되므로 원본 이미지는 기기에 남습니다.

내보내기에는 어떤 파일이 들어 있나요?

favicon PNG, favicon.ico, apple-touch-icon.png, Android Chrome 이미지, maskable icon, desktop PNG, site.webmanifest가 포함됩니다.

웹사이트와 앱 아이콘 모두에 사용할 수 있나요?

네. favicon 세트에도, iOS/macOS 스타일 앱 아이콘 방향을 검토하는 데에도 적합합니다.