예시를 클릭하면 설정이 불러와집니다
면책: 이 예시는 영감용이며 기존 브랜드와 비슷할 수 있지만 어떤 회사와도 제휴/승인은 아닙니다. logo87.com은 상표를 침해하지 않으며, 사용자 생성 콘텐츠에 책임지지 않습니다. 생성물이 권리를 침해하지 않는지 확인하는 책임은 사용자에게 있습니다. 침해가 의심되면 문의하기 로 알려주세요, 삭제하겠습니다.
위 칸에 글자, 단어, 이모지를 입력하세요. 내장 글꼴이나 Google Fonts CSS URL을 씁니다. 색, 크기, 모서리, 위치, 회전이 바로 미리보기에 반영됩니다. 렌더는 이 탭에서 이뤄지고 디자인은 업로드되지 않습니다.
단일 SVG, 256×256 PNG, 또는 「모두 다운로드」로 브라우저와 기기가 아직 요청하는 파일 zip을 받을 수 있습니다. zip은 같은 미리보기에서 브라우저가 만듭니다.
글자가 잘리면 글꼴 크기를 줄이거나 위치를 옮기세요. 이모지는 OS마다 다릅니다. 쓰는 기기에서 미리보기를 확인하세요.
가입이 없습니다. 디자인은 기기에 남습니다. 탭을 닫으면 버려집니다.
빠른 테스트용 단일 SVG와 PNG. 「모두 다운로드」는 favicon.svg, favicon.ico, apple-touch-icon.png와 16, 32, 48, 96, 180, 192, 512 PNG를 묶습니다.
내장 글꼴 12종과 CSS URL이 있는 Google Font. 색 예시를 쓰거나 직접 한 쌍을 정하세요.
「모두 다운로드」는 이 파일들을 만듭니다. 전부 쓸 필요는 없습니다.
favicon.svg는 최신 브라우저용. favicon.ico(16×16)는 HTML을 읽지 않고 /favicon.ico만 요청하는 클라이언트용. apple-touch-icon.png(180×180)는 iOS 홈 화면. favicon-16x16.png, favicon-32x32.png, favicon-48x48.png는 탭과 북마크. favicon-96x96.png는 바로가기. favicon-180x180.png는 예비 터치 아이콘. favicon-192x192.png와 favicon-512x512.png는 웹 앱 매니페스트용.
기본 사이트는 favicon.ico와 favicon.svg면 됩니다. iOS에는 180 PNG를 넣고, PWA 매니페스트가 있으면 192와 512를 넣으세요. 각 파일의 link 태그는 설치 가이드에 있습니다. 프로젝트에 추가하는 법 →
로고가 이미 PNG나 JPG인가요? PNG → 파비콘을 쓰세요. 비트맵은 키우면 흐려집니다. 내보낼 최대 크기 이상의 원본에서 시작하세요. PNG → 파비콘
로고가 이미 벡터인가요? SVG → PNG를 쓰세요. 벡터는 커져도 512와 2048이 선명합니다. 브라우저 아이콘은 16–512. 2048은 스토어나 인쇄용이지 탭용이 아닙니다. SVG → PNG 변환
로고 파일이 아직 없을 때 탭용 한두 글자 마크
웹 앱 매니페스트용 192×192 및 512×512 PNG
iOS에 사이트를 저장할 때 쓰는 180×180 apple-touch-icon
zip을 public/ 또는 static/에 두고 가이드에서 link 태그를 복사