diff --git a/client/common/icons.jsx b/client/common/icons.jsx
index 5b42fa83..bbc2a662 100644
--- a/client/common/icons.jsx
+++ b/client/common/icons.jsx
@@ -10,6 +10,8 @@ import Plus from '../images/plus-icon.svg';
 import Close from '../images/close.svg';
 import Exit from '../images/exit.svg';
 import DropdownArrow from '../images/down-filled-triangle.svg';
+import Preferences from '../images/preferences.svg';
+import Play from '../images/triangle-arrow-right.svg';
 
 // HOC that adds the right web accessibility props
 // https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html
@@ -70,3 +72,5 @@ export const PlusIcon = withLabel(Plus);
 export const CloseIcon = withLabel(Close);
 export const ExitIcon = withLabel(Exit);
 export const DropdownArrowIcon = withLabel(DropdownArrow);
+export const PreferencesIcon = withLabel(Preferences);
+export const PlayIcon = withLabel(Play);
diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
index 8c12f1f8..eb742484 100644
--- a/client/modules/IDE/pages/IDEViewMobile.jsx
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -23,8 +23,7 @@ import { getHTMLFile } from '../reducers/files';
 import Editor from '../components/Editor';
 import { ExitIcon } from '../../../common/icons';
 
-import PreferencesIcon from '../../../images/preferences.svg';
-import PlayIcon from '../../../images/triangle-arrow-right.svg';
+import { PreferencesIcon, PlayIcon } from '../../../common/icons';
 
 import IconButton from '../../../components/mobile/IconButton';
 import Header from '../../../components/mobile/Header';