# SVG Favicon 사용 태그 정리

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1948](https://news.hada.io/topic?id=1948)
- GeekNews Markdown: [https://news.hada.io/topic/1948.md](https://news.hada.io/topic/1948.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-04-23T08:56:20+09:00
- Updated: 2020-04-23T08:56:20+09:00
- Original source: [medium.com](https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df)
- Points: 6
- Comments: 1

## Topic Body

- 크롬,사파리,엣지,FF 대부분의 브라우저에서 SVG 파비콘 지원중

- 기본 SVG는 rel="icon" 으로 가능

- 사파리는 rel="mask-icon" color='#000000'

- 다크모드에서 색상 변경 가능

모바일 브라우저용은 예전처럼

- iOS: rel="apple-touch-icon"

- 안드로이드&크롬: manifest.json 에 아이콘,컬러 등 지정 필요

## Comments



### Comment 1638

- Author: xguru
- Created: 2020-04-23T08:56:27+09:00
- Points: 1

본문에는 image/svg+xml 은 필요없다고 나와 있는데,

https://caniuse.com/#feat=link-icon-svg 에는 크롬 과 엣지등에선 image/svg+xml 필요하다고 나와 있습니다. 테스트 필요할 듯.