diff --git a/src/svgs/internal-link.svg b/src/svgs/internal-link.svg
new file mode 100644
index 000000000..336f320ed
--- /dev/null
+++ b/src/svgs/internal-link.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg fill="#3076E8" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5,3H14a1,1,0,0,1,0,2H5A1,1,0,0,0,4,6V19a1,1,0,0,0,1,1H18a1,1,0,0,0,1-1V10a1,1,0,0,1,2,0V19a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V6A3,3,0,0,1,5,3ZM18.71,3.29a1,1,0,0,0-1.42,0L10,10.59V8a1,1,0,0,0-2,0v5a1,1,0,0,0,1,1h5a1,1,0,0,0,0-2H11.41l7.3-7.29A1,1,0,0,0,18.71,3.29Z"/>
+</svg>
diff --git a/theme/fetch-ai-docs/mdx-components.tsx b/theme/fetch-ai-docs/mdx-components.tsx
index 9a71e7400..538252f20 100644
--- a/theme/fetch-ai-docs/mdx-components.tsx
+++ b/theme/fetch-ai-docs/mdx-components.tsx
@@ -11,6 +11,8 @@ import { useIntersectionObserver, useSlugs } from "./contexts/active-anchor";
 import React from "react";
 import Image from "next/image";
 import LinkImage from "../../src/svgs/external-link.svg";
+import InternalLinkImage from "../../src/svgs/internal-link.svg";
+
 import { ModifiedPre } from "components/code";
 
 // Anchor links
@@ -193,7 +195,12 @@ export const Link = ({ href = "", className, ...props }: AnchorProps) => {
         >
           {splitChildren}
         </Anchor>
-        <Image src={LinkImage} alt="" width={20} height={20} />
+        <Image
+          src={EXTERNAL_HREF_REGEX.test(href) ? LinkImage : InternalLinkImage}
+          alt=""
+          width={20}
+          height={20}
+        />
       </span>
     </>
   );