diff --git a/_includes/announcement/announcement-en.md b/_includes/announcement/announcement-en.md
index fec03f5806..e10d68cb3f 100644
--- a/_includes/announcement/announcement-en.md
+++ b/_includes/announcement/announcement-en.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express 5.0 documentation is now available.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express 5.0 documentation is now available.</p>
     <p markdown="1">
      The <a href="{{ page.lang }}/5x/api.html">API documentation</a> is a work in progress.  For information on what's in the release, see the Express <a href="https://github.com/expressjs/express/blob/5.0/History.md">release history</a>.
     </p>
diff --git a/_includes/announcement/announcement-id.md b/_includes/announcement/announcement-id.md
index cc456dc2f6..423e681cc8 100644
--- a/_includes/announcement/announcement-id.md
+++ b/_includes/announcement/announcement-id.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Dokumentasi Express 5.0 versi beta kini telah tersedia.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Dokumentasi Express 5.0 versi beta kini telah tersedia.</p>
     <p markdown="1">
      <a href="{{ page.lang }}/5x/api.html">Dokumentasi API</a> beta masih dalam proses. Untuk informasi tentang apa yang ada dalam rilis, lihat <a href="https://github.com/expressjs/express/blob/5.0/History.md">riwayat rilis</a> Express.
     </p>
diff --git a/_includes/announcement/announcement-pt-br.md b/_includes/announcement/announcement-pt-br.md
index bac7082ed2..f4e83f3121 100644
--- a/_includes/announcement/announcement-pt-br.md
+++ b/_includes/announcement/announcement-pt-br.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">A documentação do Express 5.0 já está disponível.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} A documentação do Express 5.0 já está disponível.</p>
     <p markdown="1">
       <!-- we still haven't a 5x doc for pt-br -->
       A <a href="/5x/api.html">documentação da API</a> está em andamento. Para obter informações sobre o que há no lançamento, consulte o <a href="https://github.com/expressjs/express/blob/5.0/History.md">histórico de lançamentos</a> do Express.
diff --git a/_includes/announcement/announcement-th.md b/_includes/announcement/announcement-th.md
index 4f0f554faf..0f95e9559a 100644
--- a/_includes/announcement/announcement-th.md
+++ b/_includes/announcement/announcement-th.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express รุ่น 4.16.0 มีคุณลักษณะความปลอดภัยล่าสุดที่สำคัญ</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express รุ่น 4.16.0 มีคุณลักษณะความปลอดภัยล่าสุดที่สำคัญ</p>
     <p markdown="1">
      สำหรับข้อมูลว่าอะไรเพิ่มเติมบ้างในรุ่นนี้ สามารถดูใน [บันทึกการเปลี่ยนแปลง 4.16.0](/{{ page.lang }}/changelog/4x.html#4.16.0).
     </p>
diff --git a/_includes/announcement/announcement-tr.md b/_includes/announcement/announcement-tr.md
index c0d619555f..8cc71cd958 100644
--- a/_includes/announcement/announcement-tr.md
+++ b/_includes/announcement/announcement-tr.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express 4.16.0 mevcut sürümdür.</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express 4.16.0 mevcut sürümdür.</p>
     <p markdown="1">
 	Bu sürümde nelerin eklendiği hakkında daha fazla bilgi almak için [4.16.0 changelog](/{{ page.lang }}/changelog/4x.html#4.16.0).
     </p>
diff --git a/_includes/announcement/announcement-uz.md b/_includes/announcement/announcement-uz.md
index a1214485eb..57df38161a 100644
--- a/_includes/announcement/announcement-uz.md
+++ b/_includes/announcement/announcement-uz.md
@@ -1,6 +1,6 @@
 <ul>
   <li>
-    <p class="announcement-title">Express 4.16.0 reliz qilindi</p>
+    <p class="announcement-title">{% include icons/announcement.svg %} Express 4.16.0 reliz qilindi</p>
     <p markdown="1">
     Express 4.16.0 da ko'plab xatolar to'g'irlandi, xavfsizlikni ta'minlash uchun o'zgarishlar kiritildi, ishlash unumdorligi oshirildi va boshqa yangi imkoniyatlar qo'shildi. To'liq ma'lumot uchun [4.16.0 changelog](/en/changelog/4x.html#4.16.0).
     </p>
diff --git a/_includes/footer/footer-de.html b/_includes/footer/footer-de.html
index 25c7633131..9db90815ed 100755
--- a/_includes/footer/footer-de.html
+++ b/_includes/footer/footer-de.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <div id="footer-content">
diff --git a/_includes/footer/footer-en.html b/_includes/footer/footer-en.html
index d40c068f63..1fc1b086bc 100755
--- a/_includes/footer/footer-en.html
+++ b/_includes/footer/footer-en.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="doc-langs">
diff --git a/_includes/footer/footer-es.html b/_includes/footer/footer-es.html
index 650f073a6f..3901fccce2 100755
--- a/_includes/footer/footer-es.html
+++ b/_includes/footer/footer-es.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="footer-content">
diff --git a/_includes/footer/footer-fr.html b/_includes/footer/footer-fr.html
index 83c86dcee8..c43fb61b99 100755
--- a/_includes/footer/footer-fr.html
+++ b/_includes/footer/footer-fr.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <div id="footer-content">
diff --git a/_includes/footer/footer-id.html b/_includes/footer/footer-id.html
index 94133aed90..8818367083 100755
--- a/_includes/footer/footer-id.html
+++ b/_includes/footer/footer-id.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="doc-langs">
diff --git a/_includes/footer/footer-it.html b/_includes/footer/footer-it.html
index 5134623f3a..2b8e15048c 100755
--- a/_includes/footer/footer-it.html
+++ b/_includes/footer/footer-it.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-ja.html b/_includes/footer/footer-ja.html
index 7a8f87d124..7daa345bbf 100755
--- a/_includes/footer/footer-ja.html
+++ b/_includes/footer/footer-ja.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-ko.html b/_includes/footer/footer-ko.html
index 5134623f3a..2b8e15048c 100755
--- a/_includes/footer/footer-ko.html
+++ b/_includes/footer/footer-ko.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-pt-br.html b/_includes/footer/footer-pt-br.html
index 3eeb4b6b7f..31dfde59b9 100755
--- a/_includes/footer/footer-pt-br.html
+++ b/_includes/footer/footer-pt-br.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
 
diff --git a/_includes/footer/footer-ru.html b/_includes/footer/footer-ru.html
index 5134623f3a..2b8e15048c 100755
--- a/_includes/footer/footer-ru.html
+++ b/_includes/footer/footer-ru.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-sk.html b/_includes/footer/footer-sk.html
index 5134623f3a..2b8e15048c 100644
--- a/_includes/footer/footer-sk.html
+++ b/_includes/footer/footer-sk.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-th.html b/_includes/footer/footer-th.html
index 38116ac263..ab4f13f95d 100755
--- a/_includes/footer/footer-th.html
+++ b/_includes/footer/footer-th.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="footer-content">
diff --git a/_includes/footer/footer-tr.html b/_includes/footer/footer-tr.html
index 38116ac263..ab4f13f95d 100644
--- a/_includes/footer/footer-tr.html
+++ b/_includes/footer/footer-tr.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
   <section id="footer-content">
diff --git a/_includes/footer/footer-uk.html b/_includes/footer/footer-uk.html
index 5134623f3a..2b8e15048c 100755
--- a/_includes/footer/footer-uk.html
+++ b/_includes/footer/footer-uk.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-uz.html b/_includes/footer/footer-uz.html
index 5134623f3a..2b8e15048c 100755
--- a/_includes/footer/footer-uz.html
+++ b/_includes/footer/footer-uz.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-zh-cn.html b/_includes/footer/footer-zh-cn.html
index 5134623f3a..2b8e15048c 100755
--- a/_includes/footer/footer-zh-cn.html
+++ b/_includes/footer/footer-zh-cn.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/footer/footer-zh-tw.html b/_includes/footer/footer-zh-tw.html
index 5134623f3a..2b8e15048c 100755
--- a/_includes/footer/footer-zh-tw.html
+++ b/_includes/footer/footer-zh-tw.html
@@ -1,4 +1,4 @@
-<a id="top" href="#"><img src="/images/arrow.png"></a>
+<a id="top" href="#">{% include icons/arrow.svg %}</a>
 
 <footer>
     <section id="footer-content">
diff --git a/_includes/head.html b/_includes/head.html
index 99a3c4d029..7c5e12a46f 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -45,7 +45,6 @@
     <script data-cfasync="false" src="/js/ismobile.js"></script>
     <script data-cfasync="false" src="/js/app.js"></script>
     <script data-cfasync="false" defer src="/js/menu.js"></script>
-    <script data-cfasync="false" src="/js/retina.js"></script>  
     <script data-cfasync="false" src="/js/prism.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
 
diff --git a/_includes/icons/announcement.svg b/_includes/icons/announcement.svg
new file mode 100644
index 0000000000..460c9522f8
--- /dev/null
+++ b/_includes/icons/announcement.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84a24.07 24.07 0 0 0-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46a2.249 2.249 0 0 1 0 3.46m0-3.46a24.347 24.347 0 0 1 0 3.46"/></svg>
\ No newline at end of file
diff --git a/_includes/icons/arrow.svg b/_includes/icons/arrow.svg
new file mode 100644
index 0000000000..3b44d7b7bb
--- /dev/null
+++ b/_includes/icons/arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" fill="none" viewBox="0 0 1155 1000"><path fill="currentColor" d="m577.344 0 577.346 1000H0L577.344 0Z"/></svg>
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 5b1b3b6d28..e92e58e000 100644
--- a/css/style.css
+++ b/css/style.css
@@ -136,14 +136,12 @@ main.home {
   margin-right: 12px;
 }
 
-#announcements p:first-child {
+.announcement-title {
   font-weight: bold;
-  padding-left: 20px;
-  background-image: url(/images/announcement-icon.png);
-  background-position: 0 3px;
-  background-repeat: no-repeat;
-  background-size: 14px 14px;
   margin-bottom: 11px;
+  display: flex;
+  align-items: center;
+  column-gap: 8px
 }
 
 #install-command {
@@ -392,11 +390,6 @@ code {
   opacity: 1;
 }
 
-#top img {
-  width: 8px;
-  height: 5px;
-}
-
 /* clearfix */
 
 .clearfix:after {
@@ -660,13 +653,6 @@ footer {
   font-size: 20px;
 }
 
-@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
-  #announcements p:first-child {
-    background-image: url(/images/announcement-icon@2x.png);
-  }
-
-}
-
 /* navigation */
 
 #navbar {
diff --git a/images/announcement-icon.png b/images/announcement-icon.png
deleted file mode 100644
index 69d177afb3..0000000000
Binary files a/images/announcement-icon.png and /dev/null differ
diff --git a/images/announcement-icon@2x.png b/images/announcement-icon@2x.png
deleted file mode 100644
index de53d0e2ce..0000000000
Binary files a/images/announcement-icon@2x.png and /dev/null differ
diff --git a/images/arrow.png b/images/arrow.png
deleted file mode 100644
index 7a560402c3..0000000000
Binary files a/images/arrow.png and /dev/null differ
diff --git a/images/arrow@2x.png b/images/arrow@2x.png
deleted file mode 100644
index 4a848b3dd3..0000000000
Binary files a/images/arrow@2x.png and /dev/null differ
diff --git a/images/fork-icon.png b/images/fork-icon.png
deleted file mode 100644
index 082c6d22d7..0000000000
Binary files a/images/fork-icon.png and /dev/null differ
diff --git a/images/fork-icon@2x.png b/images/fork-icon@2x.png
deleted file mode 100644
index 94f9135610..0000000000
Binary files a/images/fork-icon@2x.png and /dev/null differ
diff --git a/js/retina.js b/js/retina.js
deleted file mode 100644
index a926142960..0000000000
--- a/js/retina.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// retina.js, a high-resolution image swapper (http://retinajs.com), v0.0.2
-
-(function(){function t(e){this.path=e;var t=this.path.split("."),n=t.slice(0,t.length-1).join("."),r=t[t.length-1];this.at_2x_path=n+"@2x."+r}function n(e){this.el=e,this.path=new t(this.el.getAttribute("src"));var n=this;this.path.check_2x_variant(function(e){e&&n.swap()})}var e=typeof exports=="undefined"?window:exports;e.RetinaImagePath=t,t.confirmed_paths=[],t.prototype.is_external=function(){return!!this.path.match(/^https?\:/i)&&!this.path.match("//"+document.domain)},t.prototype.check_2x_variant=function(e){var n,r=this;if(this.is_external())return e(!1);if(this.at_2x_path in t.confirmed_paths)return e(!0);n=new XMLHttpRequest,n.open("HEAD",this.at_2x_path),n.onreadystatechange=function(){return n.readyState!=4?e(!1):n.status>=200&&n.status<=399?(t.confirmed_paths.push(r.at_2x_path),e(!0)):e(!1)},n.send()},e.RetinaImage=n,n.prototype.swap=function(e){function n(){t.el.complete?(t.el.setAttribute("width",t.el.offsetWidth),t.el.setAttribute("height",t.el.offsetHeight),t.el.setAttribute("src",e)):setTimeout(n,5)}typeof e=="undefined"&&(e=this.path.at_2x_path);var t=this;n()},e.devicePixelRatio>1&&(window.onload=function(){var e=document.getElementsByTagName("img"),t=[],r,i;for(r=0;r<e.length;r++)i=e[r],t.push(new n(i))})})();
\ No newline at end of file