프론트엔드/next.js [v14]

[Next.js 14] 탭 아이콘 (Favicon) 변경

땅사탕 2024. 4. 12. 13:53

 

1. 원하는 svg 파일을 다운받아서 public 폴더에 넣는다

2. /app/layout.tsx 파일에서 <html></html> 자식으로 <head> 태그를 만들고 head 태그 자식으로 <link> 태그를 추가하면 끝.

 

/app/layout.tsx

 

public/svg 폴더 내부에 key.svg 파일을 넣어서

<link  /> 태그의 href 값으로 /svg/key.svg 를 주었음.

 

 

결과