Favicon 생성기
웹사이트용 완전한 Favicon 패키지 생성
- 파일이 기기 밖으로 나가지 않습니다
- 브라우저에서 실행
- 무료, 가입 불필요, 워터마크 없음
아트워크
미리보기
F
새 탭
F
새 탭
실제 픽셀
16 px 확대
홈 화면
F
파일
- 아이콘 렌더링 중…
<head>에 붙여넣기
파일을 사이트에 업로드한 뒤 아래 태그를 추가하세요.
Favicon 생성기 사용 방법
글자, 이모지, 8가지 오픈소스 아이콘 컬렉션으로 파비콘을 만듭니다. 배경과 모양을 다듬으면 ICO, PNG, SVG, Apple·Android 아이콘, 매니페스트까지 브라우저에서 생성됩니다.
- 1
‘아트워크’에서 ‘글자’, ‘이모지’, ‘아이콘’ 중 하나를 고릅니다.
- 2
1–3자를 입력하고 글꼴과 굵기를 고르거나, 이모지를 입력·선택하거나(‘모든 이모지 보기’로 전체 목록이 열립니다), rocket이나 cloud 같은 단어로 아이콘을 검색해 클릭합니다.
- 3
‘전경’에서 색상과 크기를, ‘아이콘 스타일’에서 배경, 모양, 모서리 반경, 여백을 정합니다.
- 4
‘사이트 정보’와 ‘출력’ 크기를 입력하고 라이트·다크 탭과 홈 화면 미리보기로 결과를 확인합니다.
- 5
‘패키지 다운로드(ZIP)’를 클릭해 파일을 사이트에 올린 뒤, ‘<head>에 붙여넣기’의 태그를 페이지에 추가합니다.
자주 묻는 질문
서버로 전송되는 데이터가 있나요?
아니요. 아이콘은 브라우저에서 그려집니다. 아이콘 컬렉션은 열거나 검색할 때만 XTools에서 불러오므로, 각 컬렉션을 처음 쓸 때에만 인터넷 연결이 필요합니다.
어떤 아이콘 컬렉션을 쓸 수 있나요?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons, Font Awesome Brands입니다. 처음에는 Lucide를 불러오고, 검색 중 ‘8개 컬렉션 모두 검색’을 누르면 나머지를 한 번만(약 13MB) 내려받습니다.
아이콘을 상업용 사이트에 써도 되나요?
컬렉션마다 오픈소스 라이선스가 다르므로 로고로 쓰기 전에 확인하세요. Font Awesome Brands는 다른 회사의 로고이므로 자신의 브랜드로 사용하면 안 됩니다.
다른 컴퓨터에서 이모지 모양이 다른 이유는 무엇인가요?
이모지와 글자는 사용 중인 기기의 글꼴로 그려지므로 PNG와 ICO에는 내 운영체제의 이모지 디자인이 들어갑니다. favicon.svg는 텍스트로 저장되어 방문자의 브라우저가 자체 글꼴로 표시합니다.
글자는 몇 자까지 넣을 수 있나요?
1–3자가 가장 보기 좋으며 입력란에는 최대 4자까지 들어갑니다. 긴 글자는 아이콘에 맞게 자동으로 줄어들고, 한글이나 한자도 사용할 수 있습니다.
배경을 투명하게 만들 수 있나요?
네, 배경을 ‘없음’으로 설정하면 됩니다. 다만 홈 화면은 투명도를 표시하지 않으므로 Apple 터치 아이콘과 maskable 아이콘은 흰색 정사각형이 됩니다.