diff --git a/www/src/assets/mobile-nav-icons.js b/www/src/assets/mobile-nav-icons.js
index 05d7ff6533a5d..266ba3d525efb 100644
--- a/www/src/assets/mobile-nav-icons.js
+++ b/www/src/assets/mobile-nav-icons.js
@@ -2,5 +2,6 @@ import BlogIcon from "./blog.svg"
import DocsIcon from "./docs.svg"
import TutorialIcon from "./tutorial.svg"
import PluginsIcon from "./plugins.svg"
+import ShowcaseIcon from "./showcase-magic.svg"
-export { BlogIcon, DocsIcon, TutorialIcon, PluginsIcon }
+export { BlogIcon, DocsIcon, TutorialIcon, PluginsIcon, ShowcaseIcon }
diff --git a/www/src/assets/showcase-magic.svg b/www/src/assets/showcase-magic.svg
new file mode 100644
index 0000000000000..5988a08287a95
--- /dev/null
+++ b/www/src/assets/showcase-magic.svg
@@ -0,0 +1,23 @@
+
+
\ No newline at end of file
diff --git a/www/src/components/navigation-mobile.js b/www/src/components/navigation-mobile.js
index aeb7209d5f299..4186bda97a581 100644
--- a/www/src/components/navigation-mobile.js
+++ b/www/src/components/navigation-mobile.js
@@ -6,6 +6,7 @@ import {
DocsIcon,
TutorialIcon,
PluginsIcon,
+ ShowcaseIcon,
} from "../assets/mobile-nav-icons"
import presets, { colors } from "../utils/presets"
import typography, { rhythm, scale, options } from "../utils/typography"
@@ -54,8 +55,7 @@ const MobileNavigation = () => (
- {/* TODO: change to showcase icon */}
-
+
)