diff --git a/src/static/css/App.css b/src/static/css/App.css
index 48b8fd4..10dee33 100644
--- a/src/static/css/App.css
+++ b/src/static/css/App.css
@@ -942,8 +942,15 @@ a {
     min-width: 0;
   }
 
+  /* fuckin iOS gotta render gaussian blurs differently so better fuckin uhh make rasters for mobile users */
+  #homeIcon {
+    content: url("../icons/rasterLogo.png");
+  }
+
   .name {
     font-size: min(6vw, 2em);
+    background: url("../icons/rasterLogo.png") 0/5rem no-repeat;
+    background-size: contain;
   }
 
   .mobileV {
diff --git a/src/static/icons/rasterLogo.png b/src/static/icons/rasterLogo.png
new file mode 100644
index 0000000..1b283a6
Binary files /dev/null and b/src/static/icons/rasterLogo.png differ
diff --git a/src/static/icons/rasterLogoCircle.png b/src/static/icons/rasterLogoCircle.png
new file mode 100644
index 0000000..8b8a17c
Binary files /dev/null and b/src/static/icons/rasterLogoCircle.png differ
diff --git a/src/templates/header.html b/src/templates/header.html
index 3ca8535..33deea0 100644
--- a/src/templates/header.html
+++ b/src/templates/header.html
@@ -11,7 +11,7 @@
     <meta property="og:type" content="website" />
     <meta
       property="og:image"
-      content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal3.svg') }}"
+      content="https://asimonson.com{{ url_for('static', filename='icons/rasterLogoCircle.png') }}"
     />
     <meta property="og:url" content="{{ var['description'] }}" />
     <meta property="twitter:title" content="Andrew Simonson" />
@@ -20,7 +20,7 @@
     <meta property="og:site_name" content="Andrew Simonson - Portfolio" />
     <meta
       property="twitter:image"
-      content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal3.svg') }}"
+      content="https://asimonson.com{{ url_for('static', filename='icons/rasterLogoCircle.png') }}"
     />
     <meta name="twitter:image:alt" content="some example picture idk" />
     <meta name="twitter:site" content="@asimonson1125" />