픽셀 단위로 정확한 미리보기
모든 미리보기를 16~256픽셀의 실제 크기로 렌더링하고, 16×16 확대 보기도 제공합니다. 보이는 그대로 브라우저에 표시됩니다.
16
24
32
48
64
파비콘 생성기: SVG, PNG, ICO, 앱 아이콘까지 무료로 파비콘 만들기
파비콘 생성기
나만의 파비콘 디자인하기
시작점을 고르고 마음에 들 때까지 다듬으면 모든 크기가 실시간으로 바뀝니다. 완성되면 SVG, PNG, ICO, 앱 아이콘을 다운로드하세요.
텍스트
작은 크기에서는 한두 글자가 가장 좋습니다.
글꼴
굵기
자간0
불러오는 중…
프리셋으로 시작하기
스타일 20개실제 크기 미리보기
16×16, 6배 확대파비콘의 성패를 가르는 크기입니다. 여기서 모양이 보이면 어디서나 보입니다.
실제 사용 모습
내 사이트
새 탭
yoursite.com
내보내기
.ico, SVG, 16~512px PNG, Apple·Android 아이콘, 웹 매니페스트
설치 코드
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">사이트 루트 폴더에 압축을 풀고 이 코드를 <head> 안에 붙여 넣으세요.
FavMint를 쓰는 이유
웹에서 가장 작은 캔버스를 위해 만들었습니다
파비콘은 16픽셀짜리 첫인상입니다. FavMint는 제대로 디자인할 수 있는 도구와, 그것이 실제로 잘 보이는지 증명하는 미리보기를 제공합니다.
실제로 쓰이는 곳에서 확인
라이트·다크 브라우저 탭, 검색 결과, 휴대폰 홈 화면. 방문자보다 먼저 문제를 발견하세요.
FavMint — 파비콘 만들기
글자, 아이콘, 심볼
엄선한 12개 글꼴로 글자나 이니셜을 입력하거나, 2,100개 이상의 오픈 소스 아이콘에서 고르거나, 작은 크기에 맞게 만든 20개의 심볼로 시작하세요.
필요한 기능은 모두, 복잡함은 없이
그라데이션, 회전, 테두리, 여백, 불투명도, 그림자, 정확한 위치 조정까지 네 개의 간단한 탭에 담았습니다.
처음부터 개인정보 보호
회원가입도, 업로드도, 파일 속 추적 픽셀도 없습니다. 모든 것이 브라우저에서 만들어집니다.
클릭 한 번으로 전체 패키지
멀티 사이즈 .ico, 선명한 SVG, Apple·Android 아이콘, 웹 매니페스트, 그리고 붙여 넣기만 하면 되는 HTML까지. 글자는 벡터 윤곽선으로 변환되어 SVG가 어디서나 똑같이 보입니다.
- favicon.ico
- favicon.svg
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-512x512.png
- site.webmanifest
되돌리기, 리믹스, 공유
무제한 되돌리기 기록, 새로운 아이디어를 주는 ‘랜덤 추천’ 버튼, 디자인을 URL에 그대로 담는 공유 링크.
Mintly
AKATELIER KAI
north
파비콘 생성기 가이드
웹에서 가장 작은 캔버스를 위한 무료 파비콘 생성기
FavMint는 브라우저에서 모두 동작하는 무료 파비콘 생성기이자 파비콘 디자인 도구입니다. 글자 하나, 이니셜, 아이콘, 심볼로 몇 분 만에 온라인에서 파비콘을 만들고, 요즘 웹사이트에 필요한 모든 파일을 다운로드할 수 있습니다: SVG, PNG, ICO, Apple 터치 아이콘, Android 앱 아이콘, 웹 매니페스트. 계정을 만들 필요도, 워터마크도 없고, 어떤 것도 서버에 업로드되지 않습니다. 완성한 디자인은 무료 로고 만들기로 그대로 이어져, 파비콘과 로고가 처음부터 잘 어울립니다.
파비콘이란 무엇이고, 왜 중요할까요?
파비콘은 브라우저 탭, 북마크, 방문 기록, 검색 결과, 그리고 누군가 사이트를 저장했을 때 휴대폰 홈 화면에 나타나는 작은 웹사이트 아이콘입니다. 방문자가 가장 먼저 보는 브랜드 요소인 경우가 많고, 겨우 16 또는 32픽셀로 표시됩니다. 흐릿하거나 평범한 아이콘은 사이트를 미완성처럼 보이게 하고, 수십 개의 탭 사이에서 찾기 어렵게 만듭니다. 선명하고 개성 있는 파비콘은 그 반대입니다. 탭을 바꿀 때마다 인지도를 높이고, Google이 페이지 제목 옆에 파비콘을 보여 주는 검색 결과에서도 눈에 띄게 해 줍니다.
4단계로 온라인에서 파비콘 만드는 방법
- 1
시작점 고르기
글자나 이니셜을 입력하거나, 2,100개 이상의 오픈 소스 아이콘을 검색하거나, 20개의 심볼 중 하나를 고르거나, 프리셋에서 시작하세요.
- 2
스타일 정하기
배경 도형, 단색 또는 그라데이션 채우기, 글꼴을 고르고 크기, 회전, 여백, 테두리, 그림자를 세밀하게 조정하세요.
- 3
실제 크기로 확인하기
16~256픽셀 실시간 미리보기를 보면서 16×16 격자를 확대하고, 브라우저 탭과 검색 결과, 휴대폰 홈 화면에서 아이콘이 어떻게 보이는지 확인하세요.
- 4
다운로드하고 적용하기
SVG, PNG 또는 전체 패키지를 내보내 사이트 루트에 파일을 넣고, 준비된 HTML을 붙여 넣으세요.
모든 변경 사항은 즉시 반영되고 작업은 브라우저에 자동 저장됩니다. 무제한 되돌리기·다시 실행, 새로운 아이디어를 주는 랜덤 추천 버튼, 디자인 전체를 URL에 담는 공유 링크 덕분에 마음에 든 버전을 잃지 않고 자유롭게 실험할 수 있습니다.
작은 크기를 위해 만든 파비콘 디자인 도구
대부분의 아이콘 생성기는 큰 이미지를 줄이고 잘 되기를 바랄 뿐입니다. FavMint는 반대로 만들어졌습니다. 모든 미리보기를 실제 픽셀 크기로 렌더링하므로, 보이는 그대로 브라우저에 표시됩니다. 16×16 확대 보기로 얇은 선이 사라지거나 글자가 뭉개지는지 확인할 수 있고, 가독성 알림이 낮은 대비, 너무 많은 글자, 누락된 글리프를 방문자보다 먼저 알려 줍니다. 스쿼클, 원, 육각형, 방패, 잎 등 8가지 배경 도형과 단색·선형·원형 그라데이션, 엄선한 12개 글꼴, 정밀한 위치·간격 조정을 제공합니다.
SVG, PNG, ICO로 내보내는 파비콘 생성기
브라우저와 기기마다 찾는 파일이 달라서, FavMint는 모든 파일을 내보냅니다. SVG 출력을 지원하는 파비콘 생성기로서 내보내기 전에 글자를 벡터 윤곽선으로 변환하므로, 선택한 글꼴이 설치되지 않은 컴퓨터에서도 SVG 파비콘이 똑같이 보입니다. 클릭 한 번으로 바로 쓸 수 있는 ZIP 패키지를 다운로드할 수 있으며, 다음이 포함됩니다:
favicon.ico오래된 브라우저와 Windows를 위한 16, 32, 48px 멀티 사이즈 아이콘favicon.svg어떤 화면에서도 선명한, 크기 조절이 자유로운 벡터 파비콘apple-touch-icon.pngiPhone·iPad 홈 화면용 180×180 아이콘android-chrome-192x192.png 및 512×512Android와 프로그레시브 웹 앱(PWA)용 아이콘site.webmanifest휴대폰에 어떤 앱 아이콘을 쓸지 알려 주는 매니페스트PNG 내보내기16~1024픽셀 11가지 크기. 앱 스토어, SNS 프로필, 문서용
패키지에는 README와 페이지의 <head>에 붙여 넣을 HTML 태그도 들어 있습니다. 파일을 사이트 루트에 업로드하고 태그를 추가하면 Chrome, Safari, Firefox, Edge, iOS, Android에서 파비콘이 표시됩니다.
앱 아이콘 생성기와 웹사이트 아이콘 만들기를 하나로
16픽셀에서 잘 보이는 디자인은 512나 1024에서도 멋져야 합니다. FavMint는 앱 아이콘 생성기로도 쓸 수 있습니다. PWA, 앱 스토어 등록 페이지, 브라우저 확장 프로그램, Discord나 Slack 워크스페이스, SNS 프로필 사진용 고해상도 PNG를 내보내세요. 모든 것을 먼저 벡터로 그리기 때문에, 비트맵 하나를 늘리는 대신 크기마다 선명하게 렌더링합니다. 새 사이드 프로젝트의 웹사이트 아이콘이든 기존 제품의 일관된 아이콘 세트든, 한 번 디자인하고 어디로든 내보낼 수 있습니다.
파비콘과 어울리는 무료 로고 만들기
파비콘은 혼자 쓰이는 경우가 드뭅니다. FavMint 로고 만들기는 방금 디자인한 파비콘을 가져와 완성된 브랜드 로고로 만들어 주는 무료 온라인 로고 제작 도구입니다. 워드마크, 레터마크, 모노그램, 아이콘 + 이름 레이아웃 중에서 고르고 브랜드 이름을 입력한 뒤, 깔끔한 SVG 또는 1×, 2×, 4× PNG로 내보내세요. 디자이너를 고용하거나 구독료를 내지 않고도 전문적인 느낌을 원하는 스타트업, 1인 개발자, 크리에이터, 소상공인을 위한 간단한 맞춤 로고 만들기 도구입니다. FavMint의 다른 기능처럼 로고 만들기도 무료 온라인 도구이며, 회원가입도 워터마크도 없습니다.
안전하고, 빠르고, 무료
FavMint에는 백엔드가 없습니다. 렌더링, PNG 변환, ICO 인코딩, ZIP 패키징이 모두 사용자의 기기에서 이루어지므로, 디자인이 서버에 업로드되거나 저장되지 않습니다. 그래서 속도도 빠릅니다. 대기열도, 서버 응답을 기다릴 일도 없습니다. 아이콘은 오픈 소스 Lucide(ISC 라이선스), 글꼴은 SIL Open Font License를 따르므로 만든 모든 것을 상업적 프로젝트에도 자유롭게 쓸 수 있습니다.
눈에 띄는 파비콘을 위한 팁
- 한두 글자나 굵은 심볼 하나로 충분합니다. 16픽셀에서는 세부 묘사가 사라집니다.
- 심볼과 배경의 대비를 강하게 해서 라이트·다크 탭 모두에서 잘 보이게 하세요.
- 공간을 채우세요. 여백이 작으면 아이콘이 허전하지 않고 당당해 보입니다.
- 브랜드 색상을 맞춰 파비콘, 앱 아이콘, 로고가 한 가족처럼 보이게 하세요.
- 16×16 미리보기를 확인하세요. 거기서 잘 보이면 어디서나 잘 보입니다.
지금 바로 해 볼까요? 위의 파비콘 생성기를 열고 몇 분 만에 무료로 파비콘을 만들어 보세요.
요금
무료. 정말 무료입니다.
모든 것이 사용자의 기기에서 동작하므로, 유지할 서버 비용도 유료로 막아 둘 기능도 없습니다.
무료
₩0평생
스튜디오의 모든 기능. 계정도, 워터마크도, 숨은 조건도 없습니다.
- 파비콘과 로고 무제한 제작
- 전체 패키지: ICO, SVG, PNG, Apple·Android 아이콘
- 2,100개 이상의 아이콘, 12개 글꼴, 20개 심볼, 20개 프리셋
- 상업적 이용 가능 — 파일은 당신의 것
- 브라우저에서 모두 동작
후원자
원하는 만큼일회성
같은 도구, 같은 기능. FavMint가 무료이고 광고 없이 유지되도록 후원해 주세요.
- 무료 플랜의 모든 기능
- 진심 어린 감사
- 새 글꼴, 아이콘, 도형 개발에 도움
자주 묻는 질문
파비콘과 로고에 대한 궁금증, 답해 드립니다
파비콘을 만들고, 크기를 정하고, 적용하는 방법부터 오래가는 브랜드 로고 디자인까지 알아야 할 모든 것.
파비콘 기초
파비콘(favicon, “favorite icon”의 줄임말)은 웹사이트를 나타내는 작은 정사각형 아이콘입니다. 브라우저는 탭, 북마크, 방문 기록에 표시하고, Google은 검색 결과 옆에 보여 주며, 휴대폰은 누군가 사이트를 홈 화면에 추가할 때 사용합니다.
웹사이트에서 파비콘은 favicon.ico, favicon.svg, PNG 같은 작은 이미지 파일로, HTML head의 rel="icon" link 태그로 지정합니다. 브라우저가 이 파일을 내려받아 사이트를 나타내는 모든 곳에 표시하므로, 방문자가 열린 탭들 사이에서 한눈에 사이트를 찾을 수 있습니다.
16픽셀에서도 잘 보이는 것부터 시작하세요: 한두 글자, 이니셜, 또는 굵은 심볼 하나. FavMint에서 글자를 입력하거나 2,100개 이상의 아이콘 중 하나를 고르고, 배경 도형과 색상을 정한 뒤 16×16 실시간 미리보기로 확인하고 파일을 다운로드하면 됩니다. 디자인 프로그램도 회원가입도 필요 없습니다.
FavMint 같은 파비콘 생성기를 사용하세요. 브라우저에서 아이콘을 디자인하고 클릭 한 번으로 전체 패키지를 내보내면 됩니다. favicon.ico, favicon.svg, 11가지 크기의 PNG, Apple 터치·Android 아이콘, 웹 매니페스트, 사이트에 붙여 넣을 HTML까지 모두 사용자의 기기에서 생성됩니다.
모든 크기에서 선명한 SVG를 기본 파비콘으로 쓰고, 오래된 브라우저와 Windows를 위한 대체 파일로 favicon.ico(16, 32, 48px)를 함께 두세요. iPhone용 180×180 PNG apple-touch-icon과 Android용 192×192, 512×512 PNG도 추가하세요. FavMint 패키지에는 이 모든 파일이 들어 있습니다.
네. 모든 최신 브라우저가 PNG 파비콘을 지원합니다. type="image/png"와 sizes="32x32" 같은 크기를 지정한 rel="icon" 태그로 연결하세요. Apple 터치 아이콘과 Android 아이콘에는 PNG가 필수입니다. 가장 넓은 호환성을 원한다면 PNG에 SVG와 favicon.ico를 함께 쓰세요.
브라우저 탭은 파비콘을 16×16과 32×32픽셀로 표시하므로 이 크기를 먼저 고려해 디자인하세요. 또한 favicon.ico 안에 48×48, Apple 터치 아이콘용 180×180, Android와 웹 앱 매니페스트용 192×192와 512×512를 준비하세요. SVG 파비콘 하나면 모든 크기를 해결할 수 있습니다.
파비콘 파일을 사이트 루트 폴더에 업로드한 뒤, 모든 페이지의 head에 link 태그를 추가하세요: favicon.ico용 rel="icon" 태그, favicon.svg용 태그 하나 더, apple-touch-icon.png용 rel="apple-touch-icon" 태그. FavMint가 이 코드를 복사만 하면 되게 준비해 드립니다. 이전 아이콘이 캐시되어 있다면 페이지를 강력 새로고침하세요.
로고 디자인
먼저 스타일을 정하세요: 워드마크(개성 있는 글꼴로 쓴 이름), 레터마크(이니셜), 모노그램, 또는 이름 옆에 아이콘. 그다음 한두 가지 색상과 읽기 쉬운 글꼴을 고르세요. FavMint의 무료 로고 만들기는 파비콘으로 네 가지 레이아웃을 모두 만들어 로고와 사이트 아이콘이 어울리게 하고, SVG와 PNG로 내보냅니다.
브랜드가 어떤 느낌을 줘야 하는지 분명히 하고, 디자인은 단순하게, 글꼴은 한두 개, 색상은 적게 쓰세요. 여러 방향으로 스케치하고 흑백과 작은 크기에서 테스트한 뒤 솔직한 피드백을 받으세요. 어디서나 깔끔하게 확대·축소할 수 있도록 항상 벡터(SVG) 원본을 보관하세요.
성공적인 로고는 단순하고, 기억하기 쉽고, 개성이 있습니다. 16px 파비콘부터 옥외 광고판까지 잘 읽히고, 단색으로도 통하며, 타깃과 업종에 어울리고, 유행을 좇기보다 오랫동안 유효합니다. 일관되게 사용하면 한눈에 알아보는 로고가 됩니다.
FavMint 사용하기
네. 파비콘 생성기, 모든 내보내기 형식, 로고 만들기가 워터마크, 제한, 회원가입 없이 무료입니다.
아니요. 스튜디오를 열고 바로 디자인을 시작하세요. 작업은 브라우저에 자동 저장되고, 공유 링크를 복사하면 어디서든 이어서 작업할 수 있습니다.
아니요. 렌더링, PNG 변환, .ico 파일, ZIP 패키지가 모두 사용자의 기기에서 만들어집니다. 서버로 아무것도 전송되지 않습니다.
패키지는 모든 최신 브라우저와 기기를 지원합니다: 구형 환경을 위한 favicon.ico, 선명한 확대·축소를 위한 favicon.svg, iPhone 홈 화면용 apple-touch-icon.png, Android 아이콘, 웹 매니페스트. 폴더를 사이트 루트에 복사하고 설치 코드를 붙여 넣으세요.
네. FavMint는 SVG 출력을 지원하는 파비콘 생성기입니다. 크기 조절이 자유로운 favicon.svg를 단독으로 다운로드하거나, SVG 코드를 복사하거나, PNG·ICO 파일과 함께 전체 패키지로 받을 수 있습니다.
네. 패키지에 180×180 Apple 터치 아이콘, 192×192와 512×512 Android 아이콘, 웹 매니페스트가 들어 있어 같은 디자인을 iPhone과 Android 홈 화면의 앱 아이콘으로 쓸 수 있습니다.
네. 만든 것은 모두 당신의 것입니다. 아이콘은 Lucide(ISC 라이선스), 글꼴은 오픈 소스(SIL Open Font License)로 둘 다 상업적 이용이 가능합니다.
그렇지 않습니다. FavMint는 내보내기 전에 글자를 벡터 윤곽선으로 변환하므로, 글꼴이 설치되지 않은 컴퓨터에서도 SVG가 똑같이 보입니다.
한두 글자 또는 굵은 심볼 하나, 강한 대비, 단순한 형태. 16×16 돋보기를 활용하세요. 거기서 잘 보이면 어디서나 잘 보입니다.