diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index c9e79f995e..6a6d26b107 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -397,6 +397,7 @@
     "analytics": "A bar chart and line graph",
     "shield": "A shield with a checkmark",
     "tensorflow": "Tensorflow icon",
+    "database": "Database icon",
     "algorithm": "Branching nodes",
     "magnifier": "magnifier"
   },
diff --git a/client/src/assets/icons/Database-icon.tsx b/client/src/assets/icons/Database-icon.tsx
new file mode 100644
index 0000000000..ea128ad80a
--- /dev/null
+++ b/client/src/assets/icons/Database-icon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+function DatabaseIcon(
+  props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
+): JSX.Element {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <span className='sr-only'>{t('icons.database')}</span>
+      <svg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' {...props}>
+        <path d='M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z' />
+      </svg>
+    </>
+  );
+}
+
+DatabaseIcon.displayName = 'Database';
+
+export default DatabaseIcon;
diff --git a/client/src/assets/icons/index.tsx b/client/src/assets/icons/index.tsx
index 5802bb0430..d9f70679cd 100644
--- a/client/src/assets/icons/index.tsx
+++ b/client/src/assets/icons/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import APIIcon from './API-icon';
 import D3Icon from './D3-icon';
+import DatabaseIcon from './Database-icon';
 import JavaScriptIcon from './JavaScript-icon';
 import ReactIcon from './React-icon';
 import TensorflowIcon from './Tensorflow-icon';
@@ -16,6 +17,7 @@ const iconMap = {
   'javascript-algorithms-and-data-structures': JavaScriptIcon,
   'front-end-libraries': ReactIcon,
   'data-visualization': D3Icon,
+  'relational-databases': DatabaseIcon,
   'apis-and-microservices': APIIcon,
   'quality-assurance': Clipboard,
   'scientific-computing-with-python': PythonIcon,