# Adaptive Favicon 만들기

> Clean Markdown view of GeekNews topic #6039. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=6039](https://news.hada.io/topic?id=6039)
- GeekNews Markdown: [https://news.hada.io/topic/6039.md](https://news.hada.io/topic/6039.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-02-24T09:59:02+09:00
- Updated: 2022-02-24T09:59:02+09:00
- Original source: [web.dev](https://web.dev/building-an-adaptive-favicon/)
- Points: 18
- Comments: 1

## Topic Body

- SVG를 이용해서 다크모드 지원하는 Favicon 만들기   
- ico 와 svg를 동시에 지정해서 지원하는 브라우저에서만 적용 가능   
- SVG xml 내에 <style> 태그를 포함해서 prefers-color-scheme: dark 를 추가

## Comments



### Comment 9023

- Author: xguru
- Created: 2022-02-24T09:59:10+09:00
- Points: 2

긱뉴스 Favicon은 글자라서 큰 차이가 없기는 한데, 한번 적용해 봐야 겠어요