diff --git a/src/components/ReactIcons/ChatGPTIcon.tsx b/src/components/ReactIcons/ChatGPTIcon.tsx
new file mode 100644
index 000000000..97d3f24fa
--- /dev/null
+++ b/src/components/ReactIcons/ChatGPTIcon.tsx
@@ -0,0 +1,19 @@
+type ChatGPTIconProps = {
+ className?: string;
+};
+export function ChatGPTIcon(props: ChatGPTIconProps) {
+ const { className } = props;
+
+ return (
+
+ );
+}
diff --git a/src/components/TopicDetail/TopicDetail.tsx b/src/components/TopicDetail/TopicDetail.tsx
index c34fa7073..bff6d74bb 100644
--- a/src/components/TopicDetail/TopicDetail.tsx
+++ b/src/components/TopicDetail/TopicDetail.tsx
@@ -28,6 +28,7 @@ import { Spinner } from '../ReactIcons/Spinner';
import { GitHubIcon } from '../ReactIcons/GitHubIcon.tsx';
import { GoogleIcon } from '../ReactIcons/GoogleIcon.tsx';
import { YouTubeIcon } from '../ReactIcons/YouTubeIcon.tsx';
+import { ChatGPTIcon } from '../ReactIcons/ChatGPTIcon.tsx';
import { resourceTitleFromId } from '../../lib/roadmap.ts';
import { lockBodyScroll } from '../../lib/dom.ts';
import { TopicDetailLink } from './TopicDetailLink.tsx';
@@ -325,6 +326,7 @@ export function TopicDetail(props: TopicDetailProps) {
?.replace(/\s+?roadmap/gi, '');
const googleSearchUrl = `https://www.google.com/search?q=${topicHtmlTitle?.toLowerCase()} guide for ${resourceTitleForSearch}`;
const youtubeSearchUrl = `https://www.youtube.com/results?search_query=${topicHtmlTitle?.toLowerCase()} for ${resourceTitleForSearch}`;
+ const chatgptSearchUrl = `https://www.chatgpt.com/?q=${topicHtmlTitle?.toLowerCase()} guide for ${resourceTitleForSearch}`;
const tnsLink =
'https://thenewstack.io/devops/?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Topic';
@@ -544,6 +546,14 @@ export function TopicDetail(props: TopicDetailProps) {
YouTube
+
+
+ ChatGPT
+