diff --git a/README.md b/README.md
index a4bcbec..3a41123 100644
--- a/README.md
+++ b/README.md
@@ -115,3 +115,21 @@ Verify that everything is okay with `service moshing-mammut status`.
The app should now be reachable on http://localhost:3000 or whatever you configured your domain to be!
+# Icons
+
+Favicon is a combination of [speaker-line by remix icon](https://remixicon.com/icon/speaker-line)
+and [the official Mastodon icon](https://joinmastodon.org/en/branding).
+
+It has been mushed together by me, saved as SVG file in [icon.svg](./icon.svg)
+and turned into a slew of icons by [https://realfavicongenerator.net/](https://realfavicongenerator.net/):
+
+```sh
+npm install -g cli-real-favicon
+real-favicon generate faviconDescription.json faviconData.json static
+```
+
+Other icons:
+
+- [error-warning-fill by remix icon](https://remixicon.com/icon/error-warning-fill)
+- [git-branch-fill by remix icon](https://remixicon.com/icon/git-branch-fill)
+- [rss-fill by remix icon](https://remixicon.com/icon/rss-line)
diff --git a/faviconDescription.json b/faviconDescription.json
new file mode 100644
index 0000000..edc8e91
--- /dev/null
+++ b/faviconDescription.json
@@ -0,0 +1,64 @@
+
+{
+ "masterPicture": "./icon.svg",
+ "iconsPath": "/static",
+ "design": {
+ "ios": {
+ "pictureAspect": "backgroundAndMargin",
+ "backgroundColor": "#ffffff",
+ "margin": "0%",
+ "assets": {
+ "ios6AndPriorIcons": false,
+ "ios7AndLaterIcons": true,
+ "precomposedIcons": true,
+ "declareOnlyDefaultIcon": true
+ },
+ "appName": "Moshing Mammut"
+ },
+ "desktopBrowser": {
+ "design": "raw"
+ },
+ "windows": {
+ "pictureAspect": "whiteSilhouette",
+ "backgroundColor": "#2e0b78",
+ "onConflict": "override",
+ "assets": {
+ "windows80Ie10Tile": false,
+ "windows10Ie11EdgeTiles": {
+ "small": true,
+ "medium": true,
+ "big": true,
+ "rectangle": true
+ }
+ },
+ "appName": "Moshing Mammut"
+ },
+ "androidChrome": {
+ "pictureAspect": "noChange",
+ "themeColor": "#2e0b78",
+ "manifest": {
+ "name": "Moshing Mammut",
+ "display": "standalone",
+ "orientation": "notSet",
+ "onConflict": "override",
+ "declared": true
+ },
+ "assets": {
+ "legacyIcon": false,
+ "lowResolutionIcons": false
+ }
+ },
+ "safariPinnedTab": {
+ "pictureAspect": "blackAndWhite",
+ "threshold": 27.5,
+ "themeColor": "#2e0b78"
+ }
+ },
+ "settings": {
+ "scalingAlgorithm": "Mitchell",
+ "errorOnImageTooSmall": false,
+ "readmeFile": false,
+ "htmlCodeFile": false,
+ "usePathAsIs": false
+ }
+}
\ No newline at end of file
diff --git a/icon.svg b/icon.svg
new file mode 100644
index 0000000..c609fc8
--- /dev/null
+++ b/icon.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/app.html b/src/app.html
index 96a0a61..52aae12 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,11 +2,19 @@
-
+
+
+
+
+
+
+
+
+
-
-
+
+
%sveltekit.head%