The project logo is added as a favicon

Favicon with support for: - Desktop Browsers - Google Results Pages iOS - Web Clip - Android Chrome - Windows Metro - macOS Safari
CADmium-Co · Jun 2, 2024 · 032a6f6 · 032a6f6
1 parent d6b7ce8
commit 032a6f6
Show file tree

Hide file tree

Showing 10 changed files with 81 additions and 11 deletions.
diff --git a/applications/web/index.html b/applications/web/index.html
@@ -1,13 +1,24 @@
 <!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>CADmium</title>
-	</head>
-	<body>
-		<div id="app"></div>
-		<script type="module" src="/src/main.ts"></script>
-	</body>
-</html>
+
+<head>
+	<meta charset="UTF-8" />
+	<link rel="apple-touch-icon" sizes="180x180" href="public/favicons/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="public/favicons/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="public/favicons/favicon-16x16.png">
+	<link rel="manifest" href="public/favicons/site.webmanifest">
+	<link rel="mask-icon" href="public/favicons/safari-pinned-tab.svg" color="#5bbad5">
+	<link rel="shortcut icon" href="public/favicons/favicon.ico">
+	<meta name="msapplication-TileColor" content="#00aba9">
+	<meta name="msapplication-config" content="public/favicons/browserconfig.xml">
+	<meta name="theme-color" content="#ffffff">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<title>CADmium</title>
+</head>
+
+<body>
+	<div id="app"></div>
+	<script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
diff --git a/applications/web/public/favicons/android-chrome-192x192.png b/applications/web/public/favicons/android-chrome-192x192.png
diff --git a/applications/web/public/favicons/apple-touch-icon.png b/applications/web/public/favicons/apple-touch-icon.png
diff --git a/applications/web/public/favicons/browserconfig.xml b/applications/web/public/favicons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="public/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/applications/web/public/favicons/favicon-16x16.png b/applications/web/public/favicons/favicon-16x16.png
diff --git a/applications/web/public/favicons/favicon-32x32.png b/applications/web/public/favicons/favicon-32x32.png
diff --git a/applications/web/public/favicons/favicon.ico b/applications/web/public/favicons/favicon.ico
diff --git a/applications/web/public/favicons/mstile-150x150.png b/applications/web/public/favicons/mstile-150x150.png
diff --git a/applications/web/public/favicons/safari-pinned-tab.svg b/applications/web/public/favicons/safari-pinned-tab.svg
diff --git a/applications/web/public/favicons/site.webmanifest b/applications/web/public/favicons/site.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}