feat: add favicon

2025-03-17 04:30:31 +09:00 · 2019-08-01 15:18:19 +09:00 · 2019-08-01 15:18:19 +09:00 · 226d909fdb
commit 226d909fdb
parent 616bdaa7fb
11 changed files with 85 additions and 4 deletions
--- a/web/public/android-chrome-192x192.png
+++ b/web/public/android-chrome-192x192.png
--- a/web/public/android-chrome-512x512.png
+++ b/web/public/android-chrome-512x512.png
--- a/web/public/apple-touch-icon.png
+++ b/web/public/apple-touch-icon.png
--- a/web/public/browserconfig.xml
+++ b/web/public/browserconfig.xml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#5180fc</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/web/public/favicon-16x16.png
+++ b/web/public/favicon-16x16.png
--- a/web/public/favicon-32x32.png
+++ b/web/public/favicon-32x32.png
--- a/web/public/favicon.ico
+++ b/web/public/favicon.ico
--- a/web/public/index.html
+++ b/web/public/index.html
@ -2,10 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#ffffff" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <meta name="title" content="namae" />
    <meta
      name="description"
@ -13,6 +10,38 @@
    />
    <meta name="keywords" content="name" />
    <meta name="robots" content="index, follow" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent"
+    />
+    <meta name="apple-mobile-web-app-title" content="namae" />
+    <meta name="msapplication-TileColor" content="#5180fc" />
+    <meta name="theme-color" content="#ffffff" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="%PUBLIC_URL%/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="%PUBLIC_URL%/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="%PUBLIC_URL%/favicon-16x16.png"
+    />
+    <link
+      rel="mask-icon"
+      href="%PUBLIC_URL%/safari-pinned-tab.svg"
+      color="#5180fc"
+    />
    <title>namae — name new project</title>
  </head>
  <body>
--- a/web/public/manifest.json
+++ b/web/public/manifest.json
@ -6,10 +6,20 @@
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
+    },
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
    }
  ],
  "start_url": ".",
  "display": "standalone",
-  "theme_color": "#000000",
+  "theme_color": "#ffffff",
  "background_color": "#ffffff"
 }
--- a/web/public/mstile-150x150.png
+++ b/web/public/mstile-150x150.png
--- a/web/public/safari-pinned-tab.svg
+++ b/web/public/safari-pinned-tab.svg
@ -0,0 +1,33 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1665 3699 c-22 -4 -56 -10 -75 -13 -19 -3 -71 -17 -114 -32 -270
+-90 -450 -295 -481 -546 l-7 -53 197 1 197 1 20 59 c33 98 99 164 206 204 73
+28 105 33 212 34 157 2 282 -47 367 -144 40 -47 79 -125 88 -180 10 -57 12
+-210 4 -216 -7 -4 -101 -10 -294 -19 -329 -16 -360 -18 -484 -41 -198 -36
+-337 -100 -441 -204 -109 -109 -154 -228 -153 -405 2 -189 77 -337 227 -450
+84 -62 199 -112 303 -131 21 -4 47 -9 58 -12 11 -2 83 -6 160 -8 236 -5 416
+43 579 156 60 40 163 145 206 209 19 28 39 49 45 48 5 -2 24 -28 42 -58 41
+-68 141 -171 213 -217 276 -180 681 -196 995 -39 121 60 228 154 302 266 39
+59 87 172 98 234 l7 37 -201 0 -201 0 -27 -57 c-72 -152 -238 -241 -448 -241
+-249 0 -440 124 -526 340 -25 63 -45 174 -44 243 l0 50 725 1 c399 1 730 2
+737 3 12 1 11 255 -2 336 -42 271 -120 451 -262 601 -103 110 -272 204 -409
+228 -16 3 -50 10 -76 14 -69 13 -261 7 -344 -11 -91 -20 -193 -60 -264 -105
+-65 -41 -174 -148 -219 -214 -18 -27 -34 -48 -36 -48 -3 0 -19 25 -37 57 -41
+72 -135 164 -218 213 -71 42 -191 86 -279 102 -70 12 -293 17 -346 7z m1714
+-353 c13 -3 52 -18 86 -35 85 -39 163 -120 209 -214 36 -73 71 -214 64 -260
+l-3 -22 -510 -1 c-280 0 -516 1 -522 4 -7 2 -11 7 -9 11 2 3 7 27 10 52 23
+174 136 345 274 417 67 35 117 50 192 58 30 4 56 7 57 8 3 3 119 -11 152 -18z
+m-1095 -931 c-2 -130 -12 -183 -52 -260 -41 -80 -145 -176 -242 -223 -157 -75
+-394 -73 -526 4 -155 91 -185 304 -61 425 78 75 195 112 397 123 170 10 295
+18 297 19 1 1 43 2 95 2 l93 0 -1 -90z"/>
+</g>
+</svg>