무료 도구
무료 파비콘 생성기
로고를 올리거나 글자를 입력하고 색을 고르면, 스토어에 필요한 모든 파비콘 크기를 ZIP 하나로 내려받습니다.
한 글자 또는 두 글자.
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
모두 브라우저에서 생성됩니다. ZIP에는 favicon.ico, 16/32/180/192/512 크기의 PNG, 가능한 경우 favicon.svg, site.webmanifest, README가 들어 있습니다.
올리거나 입력하세요
정사각형 로고를 끌어다 놓거나, 한두 글자를 입력하고 배경색과 글자색을 고르세요.
크기별 미리보기를 확인하세요
내려받기 전에 브라우저 탭 아이콘, 휴대폰 홈 화면 아이콘, 북마크에서 어떻게 보이는지 볼 수 있습니다.
ZIP을 내려받으세요
favicon.ico, PNG 각 크기, apple-touch-icon.png, site.webmanifest, HTML 스니펫이 한 파일에 들어 있습니다.
2026년에 실제로 쓰이는 파비콘 크기
이제 브라우저마다 요구하는 크기가 달라서, 요즘 파비콘 세트는 여러 크기를 함께 담습니다. 32x32와 16x16 PNG 쌍(favicon.ico 안에 묶임)은 데스크톱의 브라우저 탭과 북마크 바를 담당합니다. apple-touch-icon.png라는 이름의 180x180 PNG는 누군가 스토어를 홈 화면에 추가할 때 iOS가 쓰는 파일입니다. 192x192와 512x512 PNG는 Android 홈 화면과, 고객이 스토어를 바로가기로 추가할 때의 설치 안내를 담당합니다.
모든 태그를 직접 손으로 넣을 필요는 없습니다. 이 생성기는 업로드 하나로 전체 세트를 만들고 테마의 head 영역에 붙여넣을 HTML까지 정확히 제공하므로, 빠지는 것도 과한 크기도 없습니다.
SVG와 함께 PNG 대체본이 필요한 이유
SVG 파비콘은 어떤 크기에서도 선명하고 일부 최신 브라우저는 바로 사용하지만, 구형 브라우저, 사이트를 렌더링하는 메일 클라이언트, 대부분의 SNS 공유 미리보기에서는 지원이 여전히 들쭉날쭉합니다. 안전한 방식은 PNG 기반 세트를 기본으로 두고 SVG는 대체가 아니라 보강으로 제공하는 것입니다. 이 도구가 SVG만이 아니라 PNG와 ICO 파일을 내보내는 이유이며, 별도 테스트 없이 지금 어디서나 동작합니다.
스토어 테마에 파비콘 추가하기
내려받은 파일의 압축을 풀고 파일명을 그대로 유지한 채 테마의 assets 폴더나 루트 폴더에 올리세요. ZIP에 들어 있는 HTML 스니펫을 테마 레이아웃 파일의 head 영역, 닫는 head 태그 위에 붙여넣습니다. LaunchMyStore를 포함한 대부분의 스토어 플랫폼에는 테마나 브랜딩 설정에 파비콘 업로드 항목이 있어, 코드를 건드리지 않고 512x512 PNG를 바로 올릴 수 있습니다.
업로드한 뒤에는 브라우저 캐시를 지우거나 시크릿 창에서 스토어를 열어 보세요. 파비콘은 캐시가 강하게 걸리기 때문에, 변경 후에도 예전 탭 아이콘이 보인다면 거의 항상 파일이 아니라 브라우저 문제입니다.