diff --git a/README.md b/README.md
index fc596bd..edc0015 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-![Screenshot](https://gitlab.com/XenGi/bezahlbrudi/-/raw/main/screenshot.png?ref_type=heads "Screenshot")
+![Hero in cape](https://gitlab.com/XenGi/bezahlbrudi/-/raw/main/img/icon-512.png?ref_type=heads "Hero in cape")
 
 # BezahlBrudi
 
diff --git a/index.html b/index.html
index bf7160e..0217925 100644
--- a/index.html
+++ b/index.html
@@ -20,12 +20,12 @@
     <!-- social media -->
     <meta property="og:title" content="BezahlBrudi">
     <meta property="og:description" content="Webapp that generates GiroCodes (EPC QR-Code) so that you can easily exchange money with friends and family without involving third party financial services">
-    <meta property="og:image" content="https://bezahlbrudi.jetzt/img/sticker.png">
+    <meta property="og:image" content="https://bezahlbrudi.jetzt/img/icon-512.png">
     <meta property="og:image:alt" content="Guy in a blue suit and cape presenting a smartphone showing a QR code pointing to the BezahlBrudi webapp">
     <meta name="twitter:title" content="BezahlBrudi">
     <meta name="twitter:description" content="Webapp that generates GiroCodes (EPC QR-Code) so that you can easily exchange money with friends and family without involving third party financial services">
     <meta name="twitter:url" content="https://bezahlbrudi.jetzt/?src=twitter" />
-    <meta name="twitter:image:src" content="https://bezahlbrudi.jetzt/img/sticker.png" />
+    <meta name="twitter:image:src" content="https://bezahlbrudi.jetzt/img/icon-512.png" />
     <meta name="twitter:image:alt" content="Guy in a blue suit and cape presenting a smartphone showing a QR code pointing to the BezahlBrudi webapp" />
 
     <!-- icons and color -->