파비콘 생성기

A favicon generator that gives you every file you need

A favicon is the tiny icon in a browser tab, in bookmarks and on a phone's home screen when someone saves your site. This favicon generator takes one logo and produces the full set: a multi-size favicon.ico, crisp PNGs for modern browsers, and the Apple touch icon iOS uses for home-screen shortcuts.

Everything is created in your browser and handed back as a single ZIP, so you can drop the files into your site in a minute. It works for a hand-coded HTML site, a WordPress blog or an online store alike.

How to create a favicon

You'll need access to your website's files or its theme settings.

1. 1

   로고 또는 이미지 업로드

   정사각형 PNG, JPG, WEBP 또는 기타 지원 이미지를 업로드 영역에 드롭하세요(최대 250 MB). 정사각형 로고가 가장 좋습니다.

2. 2

   파비콘 팩 생성

   파비콘 팩 생성을 누르세요. 처리는 브라우저에서 실행되며 여러 아이콘 크기를 자동으로 만듭니다.

3. 3

   ZIP 다운로드

   favicon.ico(16/32/48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png(180×180)가 포함된 ZIP을 다운로드하세요.

4. 4

   사이트에 파일 추가

   favicon.ico를 사이트 루트에 두고 HTML <head>에서 PNG 아이콘을 링크해 브라우저와 iOS 홈 화면에 사용하세요.

What's in the ZIP

Add the favicon to your website

Upload the four files to the root of your site (the same folder as your home page), then add these lines inside the head section of your HTML:

• <link rel="icon" href="/favicon.ico" sizes="48x48">
• <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">

WordPress: go to Appearance → Customize → Site Identity and upload the 512-pixel version of your logo as the Site Icon, or add the files and tags through your theme. Shopify, Wix and Squarespace each have a favicon field in their site settings; upload favicon-32x32.png or your original square logo there.

Designing a favicon that reads at 16 pixels

• Simplify. A full logo with a wordmark turns into mush at 16 pixels. Use the symbol alone, or the first letter of your brand.
• Go bold. Thin strokes disappear. Thicken lines and remove small details before you upload.
• Use strong contrast. Tabs can be light or dark. A solid shape on a transparent background, or a light symbol on a solid colored square, works on both.
• Start square and large. A 512 × 512 or 1024 × 1024 PNG gives the generator plenty of detail to work with when it scales down.
• Check it in a real tab. Open your site with several tabs and see whether you can spot your icon at a glance.

Free and private

This free favicon generator has no sign-up and no limits. Your logo is processed on your own device, so it isn't uploaded or stored anywhere. Building a mobile app as well? The app icon pack generator makes Android and iOS icon sets from the same image, and ICO to PNG pulls a PNG back out of an existing favicon.