diff --git a/CHANGELOG.md b/CHANGELOG.md
index b23c254..cfb1f1f 100755
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [1.5.0] - 2026-07-25
 
+### Added
+
+- New monochrome logo and icon: a grid monogram that forms an "E" from table cells, matching the app's soft-black palette (the previous mark was a blue-to-green gradient that predated the monochrome redesign)
+- Proper icon set: PNG favicons (16 and 32), an Apple touch icon, and 192/512 PWA icons alongside the SVG
+- Link preview support: a 1200x630 social card (`og-image.png`) plus OpenGraph and Twitter card metadata, so shared links and the GitHub social preview render with the brand card
+
+### Changed
+
+- The PWA manifest now lists raster icons at the sizes installers expect, and the service worker precaches the new favicon set
+
 ### Security
 
 - Table extraction hardened against denial-of-service PDFs: the column-detection histogram is built from a difference array (O(items + size) instead of O(rows x size) work), and fragment merging skips rows with more than 400 fragments, so a crafted PDF degrades gracefully instead of freezing the tab
@@ -17,6 +27,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Renovate's custom cdnjs manager now matches the single-quoted library URLs in `app.js` and `sw.js`; previously only `index.html` was tracked, so automated library updates would have left the PDF.js worker and the service-worker cache list on the old version
+- The `_worker.js` asset allowlist now matches the icons that actually ship (it previously listed `/icons/icon-192x192.png` and `/icons/icon-512x512.png`, paths that did not exist)
 
 ## [1.4.0] - 2026-07-25
 
diff --git a/public/_worker.js b/public/_worker.js
index af0adbc..76ddb2b 100755
--- a/public/_worker.js
+++ b/public/_worker.js
@@ -9,7 +9,8 @@ export default {
       '/manifest.json', '/robots.txt',
       '/easyconvert-logo.svg', '/easyconvert-icon.svg',
       '/nx1xlab-logo.png', '/nx1xlab-logo.ico',
-      '/icons/icon-192x192.png', '/icons/icon-512x512.png'
+      '/favicon-16.png', '/favicon-32.png', '/apple-touch-icon.png',
+      '/icon-192.png', '/icon-512.png', '/og-image.png'
     ];
 
     if (allowed.includes(path)) {
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..2aa8b85
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/easyconvert-icon.svg b/public/easyconvert-icon.svg
index 5693cf2..d980b7b 100755
--- a/public/easyconvert-icon.svg
+++ b/public/easyconvert-icon.svg
@@ -1,77 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#1e40af;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#2563eb;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient id="doc" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#f8fafc;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient id="arrow" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#10b981;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#059669;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Background -->
-  <rect width="100" height="100" rx="20" fill="url(#bg)"/>
-  
-  <!-- Central design -->
-  <g transform="translate(50, 50)">
-    
-    <!-- Left Document (PDF) -->
-    <g transform="translate(-25, 0)">
-      <!-- Document shape -->
-      <rect x="-8" y="-15" width="16" height="30" rx="2" fill="url(#doc)"/>
-      <!-- Corner fold -->
-      <path d="M4,-15 L8,-15 L8,-11 L4,-15" fill="#e2e8f0"/>
-      <!-- Document lines -->
-      <rect x="-6" y="-8" width="10" height="1" rx="0.5" fill="#dc2626" opacity="0.7"/>
-      <rect x="-6" y="-5" width="8" height="1" rx="0.5" fill="#dc2626" opacity="0.7"/>
-      <rect x="-6" y="-2" width="9" height="1" rx="0.5" fill="#dc2626" opacity="0.7"/>
-      <rect x="-6" y="1" width="6" height="1" rx="0.5" fill="#dc2626" opacity="0.7"/>
-      <rect x="-6" y="4" width="8" height="1" rx="0.5" fill="#dc2626" opacity="0.7"/>
-      <rect x="-6" y="7" width="7" height="1" rx="0.5" fill="#dc2626" opacity="0.7"/>
-      <rect x="-6" y="10" width="9" height="1" rx="0.5" fill="#dc2626" opacity="0.7"/>
-    </g>
-    
-    <!-- Conversion Arrow -->
-    <g transform="translate(0, 0)">
-      <!-- Arrow circle -->
-      <circle cx="0" cy="0" r="12" fill="url(#arrow)"/>
-      <!-- Arrow shape -->
-      <path d="M-5,-2 L3,-2 L3,-4 L8,0 L3,4 L3,2 L-5,2 Z" fill="white"/>
-    </g>
-    
-    <!-- Right Document (Spreadsheet) -->
-    <g transform="translate(25, 0)">
-      <!-- Document shape -->
-      <rect x="-8" y="-15" width="16" height="30" rx="2" fill="url(#doc)"/>
-      <!-- Spreadsheet grid -->
-      <g transform="translate(0, -2)">
-        <!-- Main grid -->
-        <rect x="-6" y="-8" width="12" height="16" fill="none" stroke="url(#arrow)" stroke-width="1"/>
-        <!-- Vertical lines -->
-        <line x1="-2" y1="-8" x2="-2" y2="8" stroke="url(#arrow)" stroke-width="0.8"/>
-        <line x1="2" y1="-8" x2="2" y2="8" stroke="url(#arrow)" stroke-width="0.8"/>
-        <!-- Horizontal lines -->
-        <line x1="-6" y1="-3" x2="6" y2="-3" stroke="url(#arrow)" stroke-width="0.8"/>
-        <line x1="-6" y1="1" x2="6" y2="1" stroke="url(#arrow)" stroke-width="0.8"/>
-        <line x1="-6" y1="5" x2="6" y2="5" stroke="url(#arrow)" stroke-width="0.8"/>
-        
-        <!-- Data cells -->
-        <rect x="-5" y="-7" width="3" height="3" fill="url(#arrow)" opacity="0.2"/>
-        <rect x="-1" y="-2" width="2" height="2" fill="url(#arrow)" opacity="0.2"/>
-        <rect x="3" y="2" width="2" height="2" fill="url(#arrow)" opacity="0.2"/>
-      </g>
-    </g>
-    
-  </g>
-  
-  <!-- Corner accents -->
-  <circle cx="20" cy="20" r="1.5" fill="rgba(255,255,255,0.5)"/>
-  <circle cx="80" cy="20" r="1" fill="rgba(255,255,255,0.5)"/>
-  <circle cx="80" cy="80" r="1.5" fill="rgba(255,255,255,0.5)"/>
-  <circle cx="20" cy="80" r="1" fill="rgba(255,255,255,0.5)"/>
-</svg> 
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" role="img" aria-label="EasyConvert icon">
+  <!-- App tile: soft-black ground, grid-monogram E in white with one mid-grey accent cell.
+       Full-bleed rounded background keeps it safe as a maskable PWA / touch icon. -->
+  <rect width="100" height="100" rx="22" fill="#18181b"/>
+  <g>
+    <!-- top bar -->
+    <rect x="21.5" y="21.5" width="15" height="15" rx="3" fill="#fafafa"/>
+    <rect x="42.5" y="21.5" width="15" height="15" rx="3" fill="#fafafa"/>
+    <rect x="63.5" y="21.5" width="15" height="15" rx="3" fill="#a1a1aa"/>
+    <!-- middle bar (short) + left stem -->
+    <rect x="21.5" y="42.5" width="15" height="15" rx="3" fill="#fafafa"/>
+    <rect x="42.5" y="42.5" width="15" height="15" rx="3" fill="#fafafa"/>
+    <!-- bottom bar -->
+    <rect x="21.5" y="63.5" width="15" height="15" rx="3" fill="#fafafa"/>
+    <rect x="42.5" y="63.5" width="15" height="15" rx="3" fill="#fafafa"/>
+    <rect x="63.5" y="63.5" width="15" height="15" rx="3" fill="#fafafa"/>
+  </g>
+</svg>
diff --git a/public/easyconvert-logo.svg b/public/easyconvert-logo.svg
index f30015b..4ac1036 100755
--- a/public/easyconvert-logo.svg
+++ b/public/easyconvert-logo.svg
@@ -1,134 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
-  <defs>
-    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#1e40af;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#2563eb;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient id="docGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#f8fafc;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient id="arrowGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#10b981;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#059669;stop-opacity:1" />
-    </linearGradient>
-    <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
-      <feDropShadow dx="0" dy="4" stdDeviation="6" flood-color="#000000" flood-opacity="0.15"/>
-    </filter>
-    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
-      <feMerge> 
-        <feMergeNode in="coloredBlur"/>
-        <feMergeNode in="SourceGraphic"/>
-      </feMerge>
-    </filter>
-  </defs>
-  
-  <!-- Background Circle -->
-  <circle cx="100" cy="100" r="85" fill="url(#bgGrad)" filter="url(#shadow)"/>
-  
-  <!-- Main conversion graphic -->
-  <g transform="translate(100, 100)">
-    
-    <!-- Left Document (PDF) -->
-    <g transform="translate(-40, 0)">
-      <!-- Document shape -->
-      <rect x="-15" y="-25" width="30" height="50" rx="4" fill="url(#docGrad)" filter="url(#shadow)"/>
-      <!-- Corner fold -->
-      <path d="M5,-25 L15,-25 L15,-15 L5,-25" fill="#e2e8f0"/>
-      <!-- Document lines (representing text) -->
-      <rect x="-10" y="-15" width="20" height="2" rx="1" fill="#dc2626" opacity="0.7"/>
-      <rect x="-10" y="-10" width="15" height="2" rx="1" fill="#dc2626" opacity="0.7"/>
-      <rect x="-10" y="-5" width="18" height="2" rx="1" fill="#dc2626" opacity="0.7"/>
-      <rect x="-10" y="0" width="12" height="2" rx="1" fill="#dc2626" opacity="0.7"/>
-      <rect x="-10" y="5" width="16" height="2" rx="1" fill="#dc2626" opacity="0.7"/>
-      <rect x="-10" y="10" width="14" height="2" rx="1" fill="#dc2626" opacity="0.7"/>
-      <rect x="-10" y="15" width="19" height="2" rx="1" fill="#dc2626" opacity="0.7"/>
-    </g>
-    
-    <!-- Conversion Arrow -->
-    <g transform="translate(0, 0)">
-      <!-- Arrow circle background -->
-      <circle cx="0" cy="0" r="20" fill="url(#arrowGrad)" filter="url(#glow)"/>
-      <!-- Arrow shape -->
-      <path d="M-8,-3 L5,-3 L5,-8 L15,0 L5,8 L5,3 L-8,3 Z" fill="white"/>
-      <!-- Flowing particles -->
-      <g opacity="0.6">
-        <circle cx="-25" cy="-5" r="1.5" fill="white">
-          <animate attributeName="cx" values="-25;25" dur="3s" repeatCount="indefinite"/>
-          <animate attributeName="opacity" values="0;1;0" dur="3s" repeatCount="indefinite"/>
-        </circle>
-        <circle cx="-25" cy="0" r="1" fill="white">
-          <animate attributeName="cx" values="-25;25" dur="3s" repeatCount="indefinite" begin="0.5s"/>
-          <animate attributeName="opacity" values="0;1;0" dur="3s" repeatCount="indefinite" begin="0.5s"/>
-        </circle>
-        <circle cx="-25" cy="5" r="1.5" fill="white">
-          <animate attributeName="cx" values="-25;25" dur="3s" repeatCount="indefinite" begin="1s"/>
-          <animate attributeName="opacity" values="0;1;0" dur="3s" repeatCount="indefinite" begin="1s"/>
-        </circle>
-      </g>
-    </g>
-    
-    <!-- Right Document (Spreadsheet) -->
-    <g transform="translate(40, 0)">
-      <!-- Document shape -->
-      <rect x="-15" y="-25" width="30" height="50" rx="4" fill="url(#docGrad)" filter="url(#shadow)"/>
-      <!-- Spreadsheet grid -->
-      <g transform="translate(0, -5)">
-        <!-- Main grid -->
-        <rect x="-12" y="-15" width="24" height="30" fill="none" stroke="url(#arrowGrad)" stroke-width="1.5"/>
-        <!-- Vertical lines -->
-        <line x1="-4" y1="-15" x2="-4" y2="15" stroke="url(#arrowGrad)" stroke-width="1"/>
-        <line x1="4" y1="-15" x2="4" y2="15" stroke="url(#arrowGrad)" stroke-width="1"/>
-        <!-- Horizontal lines -->
-        <line x1="-12" y1="-7" x2="12" y2="-7" stroke="url(#arrowGrad)" stroke-width="1"/>
-        <line x1="-12" y1="1" x2="12" y2="1" stroke="url(#arrowGrad)" stroke-width="1"/>
-        <line x1="-12" y1="9" x2="12" y2="9" stroke="url(#arrowGrad)" stroke-width="1"/>
-        
-        <!-- Data cells (filled) -->
-        <rect x="-11" y="-14" width="7" height="6" fill="url(#arrowGrad)" opacity="0.2"/>
-        <rect x="-3" y="-6" width="6" height="6" fill="url(#arrowGrad)" opacity="0.2"/>
-        <rect x="5" y="2" width="6" height="6" fill="url(#arrowGrad)" opacity="0.2"/>
-        <rect x="-11" y="10" width="7" height="4" fill="url(#arrowGrad)" opacity="0.2"/>
-      </g>
-    </g>
-    
-    <!-- Decorative conversion symbols -->
-    <g opacity="0.3">
-      <!-- Small conversion indicators around the main arrow -->
-      <g transform="translate(-60, -30) rotate(45)">
-        <rect x="-1" y="-4" width="2" height="8" rx="1" fill="white"/>
-        <rect x="-4" y="-1" width="8" height="2" rx="1" fill="white"/>
-      </g>
-      <g transform="translate(60, -30) rotate(-45)">
-        <rect x="-1" y="-4" width="2" height="8" rx="1" fill="white"/>
-        <rect x="-4" y="-1" width="8" height="2" rx="1" fill="white"/>
-      </g>
-      <g transform="translate(-60, 30) rotate(-45)">
-        <rect x="-1" y="-4" width="2" height="8" rx="1" fill="white"/>
-        <rect x="-4" y="-1" width="8" height="2" rx="1" fill="white"/>
-      </g>
-      <g transform="translate(60, 30) rotate(45)">
-        <rect x="-1" y="-4" width="2" height="8" rx="1" fill="white"/>
-        <rect x="-4" y="-1" width="8" height="2" rx="1" fill="white"/>
-      </g>
-    </g>
-    
-  </g>
-  
-  <!-- Outer decorative elements -->
-  <g opacity="0.4">
-    <circle cx="30" cy="30" r="2" fill="white">
-      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite"/>
-    </circle>
-    <circle cx="170" cy="30" r="1.5" fill="white">
-      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite" begin="1s"/>
-    </circle>
-    <circle cx="170" cy="170" r="2" fill="white">
-      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite" begin="2s"/>
-    </circle>
-    <circle cx="30" cy="170" r="1.5" fill="white">
-      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite" begin="3s"/>
-    </circle>
-  </g>
-</svg> 
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" role="img" aria-label="EasyConvert logo">
+  <!-- Standalone mark for the dark app header: transparent ground, light cells,
+       one lighter-grey accent cell. Grid-monogram E (table cells forming an E). -->
+  <g>
+    <rect x="10" y="10" width="22" height="22" rx="4" fill="#fafafa"/>
+    <rect x="39" y="10" width="22" height="22" rx="4" fill="#fafafa"/>
+    <rect x="68" y="10" width="22" height="22" rx="4" fill="#a1a1aa"/>
+    <rect x="10" y="39" width="22" height="22" rx="4" fill="#fafafa"/>
+    <rect x="39" y="39" width="22" height="22" rx="4" fill="#fafafa"/>
+    <rect x="10" y="68" width="22" height="22" rx="4" fill="#fafafa"/>
+    <rect x="39" y="68" width="22" height="22" rx="4" fill="#fafafa"/>
+    <rect x="68" y="68" width="22" height="22" rx="4" fill="#fafafa"/>
+  </g>
+</svg>
diff --git a/public/favicon-16.png b/public/favicon-16.png
new file mode 100644
index 0000000..a76e627
Binary files /dev/null and b/public/favicon-16.png differ
diff --git a/public/favicon-32.png b/public/favicon-32.png
new file mode 100644
index 0000000..0f2dd75
Binary files /dev/null and b/public/favicon-32.png differ
diff --git a/public/icon-192.png b/public/icon-192.png
new file mode 100644
index 0000000..e9c246c
Binary files /dev/null and b/public/icon-192.png differ
diff --git a/public/icon-512.png b/public/icon-512.png
new file mode 100644
index 0000000..63dee0c
Binary files /dev/null and b/public/icon-512.png differ
diff --git a/public/index.html b/public/index.html
index 818a2e8..cb3327f 100755
--- a/public/index.html
+++ b/public/index.html
@@ -16,8 +16,25 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
 
     <!-- Favicon -->
-    <link rel="icon" href="easyconvert-logo.svg" type="image/svg+xml">
-    <link rel="alternate icon" href="easyconvert-icon.svg" type="image/svg+xml">
+    <link rel="icon" href="easyconvert-icon.svg" type="image/svg+xml">
+    <link rel="icon" href="favicon-32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="favicon-16.png" sizes="16x16" type="image/png">
+    <link rel="apple-touch-icon" href="apple-touch-icon.png">
+
+    <!-- Link previews (the site is noindex; these are for shared links) -->
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="EasyConvert">
+    <meta property="og:title" content="EasyConvert - Free PDF Table to Excel/CSV Converter">
+    <meta property="og:description" content="Convert PDF tables to Excel or CSV entirely in your browser. No upload, no signup, no data collection. Hebrew and Arabic RTL supported.">
+    <meta property="og:url" content="https://convert.nx1xlab.dev">
+    <meta property="og:image" content="https://convert.nx1xlab.dev/og-image.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:image:alt" content="EasyConvert - free PDF table converter to Excel and CSV">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="EasyConvert - Free PDF Table to Excel/CSV Converter">
+    <meta name="twitter:description" content="Convert PDF tables to Excel or CSV entirely in your browser. No upload, no signup, no data collection.">
+    <meta name="twitter:image" content="https://convert.nx1xlab.dev/og-image.png">
 
     <!-- PWA Manifest -->
     <link rel="manifest" href="/manifest.json">
diff --git a/public/manifest.json b/public/manifest.json
index 9b69eee..29fc754 100755
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -17,10 +17,16 @@
       "purpose": "any maskable"
     },
     {
-      "src": "easyconvert-logo.svg",
-      "sizes": "any",
-      "type": "image/svg+xml",
-      "purpose": "any"
+      "src": "icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
     }
   ]
 }
diff --git a/public/og-image.png b/public/og-image.png
new file mode 100644
index 0000000..c7b3062
Binary files /dev/null and b/public/og-image.png differ
diff --git a/public/sw.js b/public/sw.js
index 271a05a..5999803 100755
--- a/public/sw.js
+++ b/public/sw.js
@@ -7,6 +7,9 @@ const urlsToCache = [
   '/manifest.json',
   '/easyconvert-logo.svg',
   '/easyconvert-icon.svg',
+  '/favicon-32.png',
+  '/favicon-16.png',
+  '/apple-touch-icon.png',
   '/nx1xlab-logo.png',
   'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js',
   'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js',