diff --git a/public/assets/badges/badges-overview.png b/public/assets/badges/badges-overview.png
deleted file mode 100644
index 12196774a026f0db4f34507b176b4f5e3ed5f5cb..0000000000000000000000000000000000000000
Binary files a/public/assets/badges/badges-overview.png and /dev/null differ
diff --git a/public/assets/badges/badges-overview.svg b/public/assets/badges/badges-overview.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6468216284822eda6ce684c03a9cba3a97297998
--- /dev/null
+++ b/public/assets/badges/badges-overview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="737" height="391" viewBox="0 0 737 391"><defs><clipPath id="b"><rect width="737" height="391"/></clipPath></defs><g id="a" clip-path="url(#b)"><rect width="737" height="391" fill="#fff"/><g transform="translate(78 34)" fill="#eeeff2" stroke="#b6bcc8" stroke-width="1"><rect width="262" height="103" rx="8" stroke="none"/><rect x="0.5" y="0.5" width="261" height="102" rx="7.5" fill="none"/></g><text transform="translate(106 62)" font-size="20" font-family="SF Pro" font-weight="700"><tspan x="0" y="19">OSS Project on </tspan><tspan x="0" y="43">Open CoDE</tspan></text><g transform="translate(78 187)" fill="#eeeff2" stroke="#b6bcc8" stroke-width="1"><rect width="262" height="171" rx="8" stroke="none"/><rect x="0.5" y="0.5" width="261" height="170" rx="7.5" fill="none"/></g><text transform="translate(106 206)" font-size="20" font-family="SF Pro" font-weight="700"><tspan x="0" y="19">Open CoDE </tspan><tspan x="0" y="43">Software directory</tspan></text><g transform="translate(106 270)" fill="#fff" stroke="#b6bcc8" stroke-width="1"><rect width="206" height="63" rx="8" stroke="none"/><rect x="0.5" y="0.5" width="205" height="62" rx="7.5" fill="none"/></g><text transform="translate(134 290)" font-size="20" font-family="SF Pro" font-weight="700"><tspan x="0" y="19">Project Listing</tspan></text><g transform="translate(414 34)" fill="#eeeff2" stroke="#b6bcc8" stroke-width="1"><rect width="306" height="103" rx="8" stroke="none"/><rect x="0.5" y="0.5" width="305" height="102" rx="7.5" fill="none"/></g><text transform="translate(442 74)" font-size="20" font-family="SF Pro" font-weight="700"><tspan x="0" y="19">Badge API</tspan></text><line x1="32" transform="translate(46.5 85.5)" fill="none" stroke="#203257" stroke-width="1"/><line y1="217" transform="translate(46.5 85.5)" fill="none" stroke="#203257" stroke-width="1"/><line x2="54" transform="translate(46.5 302.5)" fill="none" stroke="#203257" stroke-width="1"/><g transform="translate(106 299) rotate(90)" fill="#203257"><path d="M 6.129478454589844 5.5 L 0.8705216646194458 5.5 L 3.5 0.9923228621482849 L 6.129478454589844 5.5 Z" stroke="none"/><path d="M 3.5 1.984635829925537 L 1.741037368774414 5 L 5.258962631225586 5 L 3.5 1.984635829925537 M 3.5 0 L 7 6 L 0 6 L 3.5 0 Z" stroke="none" fill="#203257"/></g><text transform="translate(32 194.5) rotate(-90)" fill="#203257" font-size="16" font-family="SF Pro" font-weight="500"><tspan x="-87.293" y="0">Is listed in (public.yaml)</tspan></text><line x1="71" transform="translate(343.5 85.5)" fill="none" stroke="#203257" stroke-width="1"/><g transform="translate(340 89) rotate(-90)" fill="#203257"><path d="M 6.129478454589844 5.5 L 0.8705216646194458 5.5 L 3.5 0.9923228621482849 L 6.129478454589844 5.5 Z" stroke="none"/><path d="M 3.5 1.984635829925537 L 1.741037368774414 5 L 5.258962631225586 5 L 3.5 1.984635829925537 M 3.5 0 L 7 6 L 0 6 L 3.5 0 Z" stroke="none" fill="#203257"/></g><line y2="164" transform="translate(567.5 137.5)" fill="none" stroke="#203257" stroke-width="1"/><line x2="253" transform="translate(314.5 301.5)" fill="none" stroke="#203257" stroke-width="1"/><g transform="translate(312 305) rotate(-90)" fill="#203257"><path d="M 6.129478454589844 5.5 L 0.8705216646194458 5.5 L 3.5 0.9923228621482849 L 6.129478454589844 5.5 Z" stroke="none"/><path d="M 3.5 1.984635829925537 L 1.741037368774414 5 L 5.258962631225586 5 L 3.5 1.984635829925537 M 3.5 0 L 7 6 L 0 6 L 3.5 0 Z" stroke="none" fill="#203257"/></g><text transform="translate(555 231)" fill="#203257" font-size="16" font-family="SF Pro" font-weight="500"><tspan x="-51.386" y="0">Issues </tspan><tspan x="-116.661" y="19">“Maintenance”, </tspan><tspan x="-96.179" y="38">“Security” &amp; </tspan><tspan x="-120.798" y="57">“Reuse” Badges</tspan></text><text transform="translate(350 72)" fill="#203257" font-size="16" font-family="SF Pro" font-weight="500"><tspan x="0" y="0">Scanns</tspan></text></g></svg>
\ No newline at end of file
diff --git a/src/pages/concepts/index.mdx b/src/pages/concepts/index.mdx
index 9ccfdd393b659637afe7eb5add10fc4593705c66..ffe18295d5c281e68d21a2a1db6b88eca9a4e35f 100644
--- a/src/pages/concepts/index.mdx
+++ b/src/pages/concepts/index.mdx
@@ -4,7 +4,7 @@ sidebar_position: 1
 
 # Overview
 
-<div className="flex justify-center"><img src="/assets/badges/badges-overview.png" className="h-96"/></div>
+<div className="flex justify-center"><img src="/assets/badges/badges-overview.svg" className="h-96"/></div>
 
 ### Fundamentals