diff --git a/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap b/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap
index 0d7b409195c..aa1392b963d 100644
--- a/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap
+++ b/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap
@@ -64,10 +64,6 @@ exports[`Gamut Exported Keys 1`] = `
"List",
"ListCol",
"ListRow",
- "Logo",
- "LogoDefault",
- "LogoMini",
- "LogoPro",
"Markdown",
"Menu",
"MenuItem",
diff --git a/packages/gamut/src/Logo/Logo.tsx b/packages/gamut/src/Logo/Logo.tsx
deleted file mode 100644
index 2d4cf744fb5..00000000000
--- a/packages/gamut/src/Logo/Logo.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { forwardRef } from 'react';
-
-import { LogoDefault } from './LogoDefault';
-import { LogoFromSkillsoft } from './LogoFromSkillsoft';
-import { LogoMini } from './LogoMini';
-import { LogoPro } from './LogoPro';
-import { LogoProps } from './shared';
-
-const variants = {
- enterprise: LogoFromSkillsoft,
- pro: LogoPro,
- default: LogoDefault,
- mini: LogoMini,
-};
-
-export const Logo = forwardRef<
- SVGSVGElement,
- LogoProps & { variant?: keyof typeof variants }
->(({ variant = 'default', height = 30, ...props }, ref) => {
- const Logo = variants[variant];
-
- return ;
-});
diff --git a/packages/gamut/src/Logo/LogoDefault.tsx b/packages/gamut/src/Logo/LogoDefault.tsx
deleted file mode 100644
index 983720e8520..00000000000
--- a/packages/gamut/src/Logo/LogoDefault.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useCurrentMode } from '@codecademy/gamut-styles';
-import { forwardRef } from 'react';
-
-import { LogoProps, LogoSvg } from './shared';
-
-export const LogoDefault = forwardRef(
- ({ mode, ...props }, ref) => {
- const currentMode = useCurrentMode(mode);
- return (
-
- Codecademy Logo
-
-
-
-
- );
- }
-);
diff --git a/packages/gamut/src/Logo/LogoFromSkillsoft.tsx b/packages/gamut/src/Logo/LogoFromSkillsoft.tsx
deleted file mode 100644
index 9077365e079..00000000000
--- a/packages/gamut/src/Logo/LogoFromSkillsoft.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useCurrentMode } from '@codecademy/gamut-styles';
-import { forwardRef } from 'react';
-
-import { LogoProps, LogoSvg } from './shared';
-
-export const LogoFromSkillsoft = forwardRef(
- ({ mode, ...props }, ref) => {
- const currentMode = useCurrentMode(mode);
- return (
-
- Codecademy from Skillsoft
-
-
-
-
-
-
- );
- }
-);
diff --git a/packages/gamut/src/Logo/LogoMini.tsx b/packages/gamut/src/Logo/LogoMini.tsx
deleted file mode 100644
index 044368ffeaa..00000000000
--- a/packages/gamut/src/Logo/LogoMini.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useCurrentMode } from '@codecademy/gamut-styles';
-import { forwardRef } from 'react';
-
-import { LogoProps, LogoSvg } from './shared';
-
-export const LogoMini = forwardRef(
- ({ mode, ...props }, ref) => {
- const currentMode = useCurrentMode(mode);
-
- return (
-
- Codecademy Logo Mini
-
-
- );
- }
-);
diff --git a/packages/gamut/src/Logo/LogoPro.tsx b/packages/gamut/src/Logo/LogoPro.tsx
deleted file mode 100644
index 2f6f2078481..00000000000
--- a/packages/gamut/src/Logo/LogoPro.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useCurrentMode } from '@codecademy/gamut-styles';
-import { forwardRef } from 'react';
-
-import { LogoProps, LogoSvg } from './shared';
-
-export const LogoPro = forwardRef(
- ({ mode, ...props }, ref) => {
- const currentMode = useCurrentMode(mode);
-
- return (
-
- Codecademy Pro Logo
-
-
-
-
-
- );
- }
-);
diff --git a/packages/gamut/src/Logo/index.tsx b/packages/gamut/src/Logo/index.tsx
deleted file mode 100644
index 38aa049a92c..00000000000
--- a/packages/gamut/src/Logo/index.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './Logo';
-export * from './LogoDefault';
-export * from './LogoMini';
-export * from './LogoPro';
diff --git a/packages/gamut/src/Logo/shared.tsx b/packages/gamut/src/Logo/shared.tsx
deleted file mode 100644
index c427a88cf17..00000000000
--- a/packages/gamut/src/Logo/shared.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ColorModes, styledOptions, system } from '@codecademy/gamut-styles';
-import { StyleProps, variance } from '@codecademy/variance';
-import styled from '@emotion/styled';
-import { SVGProps } from 'react';
-
-export type LogoProps = SVGProps &
- StyleProps & {
- height?: number;
- width?: number;
- mode?: ColorModes;
- };
-
-const logoStyles = variance.compose(
- system.layout,
- system.positioning,
- system.space
-);
-
-export const LogoSvg = styled('svg', styledOptions<'svg'>())<
- Omit
->(system.css({ textColor: 'currentColor' }), logoStyles);
diff --git a/packages/gamut/src/index.tsx b/packages/gamut/src/index.tsx
index 46564f0ad69..530488d3752 100644
--- a/packages/gamut/src/index.tsx
+++ b/packages/gamut/src/index.tsx
@@ -29,7 +29,6 @@ export * from './Layout/Column';
export * from './Layout/LayoutGrid';
export * from './List';
export * from './Loading/Shimmer';
-export * from './Logo';
export * from './Markdown';
export * from './Menu';
export * from './ModalDeprecated';
diff --git a/packages/styleguide/src/lib/Foundations/ColorMode/examples.tsx b/packages/styleguide/src/lib/Foundations/ColorMode/examples.tsx
index fc559f1e605..c4e7c7e0d00 100644
--- a/packages/styleguide/src/lib/Foundations/ColorMode/examples.tsx
+++ b/packages/styleguide/src/lib/Foundations/ColorMode/examples.tsx
@@ -10,7 +10,6 @@ import {
GridBox,
IconButton,
Input,
- Logo,
Radio,
RadioGroup,
StrokeButton,
@@ -157,15 +156,6 @@ const renderInputs = () => {
const ColorModeExampleContents = () => {
return (
<>
-
-
-
-
-
Cool Feature