From 0271dab0835bb9d0950ce85e97e79ec08ea24075 Mon Sep 17 00:00:00 2001
From: Rui Saraiva <ruisaraiva19@gmail.com>
Date: Fri, 10 Apr 2020 13:56:04 +0100
Subject: [PATCH] docs: add favicon sizes and formats

---
 README.md | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/README.md b/README.md
index 10cc57b..f9b811b 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,56 @@
 # favicon-tool
+
 Favicon generator tool
+
+## Browser favicon formats supported
+
+|     | IE  | Edge | Firefox | Chrome | Safari | iOS Safari | Chrome Android |
+| --- | --- | ---- | ------- | ------ | ------ | ---------- | -------------- |
+| ico | ✅   | ✅    | ✅       | ✅      | ✅      | ✅          | ✅              |
+| png | ✅   | ✅    | ✅       | ✅      | ✅      | ❌          | ✅              |
+| svg | ❌   | ✅    | ✅       | ✅      | ⚠️      | ⚠️          | ✅              |
+
+## Favicon recommended sizes
+
+|         | apple-touch-icon | icon | msapplication |
+| ------- | ---------------- | ---- | ------------- |
+| 57x57   | ✅                |      |               |
+| 60x60   | ✅                |      |               |
+| 72x72   | ✅                |      |               |
+| 76x76   | ✅                |      |               |
+| 114x114 | ✅                |      |               |
+| 120x120 | ✅                |      |               |
+| 144x144 | ✅                |      | ✅             |
+| 152x152 | ✅                |      |               |
+| 180x180 | ✅                |      |               |
+| 16x16   |                  | ✅    |               |
+| 32x32   |                  | ✅    |               |
+| 96x96   |                  | ✅    |               |
+| 192x192 |                  | ✅    |               |
+| 70x70   |                  |      | ✅             |
+| 150x150 |                  |      | ✅             |
+| 310x150 |                  |      | ✅             |
+| 310x310 |                  |      | ✅             |
+
+## HTML tags to add for all favicon sizes
+
+```html
+<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
+<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
+<link rel="icon" type="image/x-icon" href="/favicon.ico">
+<meta name="msapplication-config" content="browserconfig.xml" />
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+```