Use official arXiv logomark

skillopt.html

@@ -380,18 +380,10 @@
       fill: currentColor;
     }
 
-    .button-icon-mark {
-      display: inline-grid;
-      place-items: center;
-      min-width: 30px;
-      height: 16px;
-      padding: 0 3px;
-      border: 1px solid currentColor;
-      border-radius: 3px;
-      font-size: 0.52rem;
-      font-weight: 800;
-      line-height: 1;
-      text-transform: none;
+    .arxiv-icon {
+      width: 15px;
+      height: 20px;
+      object-fit: contain;
     }
 
     .related-project {
@@ -1810,7 +1802,7 @@
             Code Repo
           </a>
           <a class="button secondary" href="#citation" aria-label="Paper placeholder">
-            <span class="button-icon-mark" aria-hidden="true">arXiv</span>
+            <img class="button-icon arxiv-icon" src="skillopt-assets/arxiv-logomark-small.svg" alt="" aria-hidden="true">
             Paper
           </a>
           <a class="button secondary" href="https://youtu.be/JUBMDTCiM0M" target="_blank" rel="noopener">