diff --git a/src/renderer/component/video/internal/play-button.jsx b/src/renderer/component/video/internal/play-button.jsx
index 86dbbb62e..18fac4b4a 100644
--- a/src/renderer/component/video/internal/play-button.jsx
+++ b/src/renderer/component/video/internal/play-button.jsx
@@ -1,6 +1,7 @@
 // @flow
 import React from 'react';
 import Button from 'component/button';
+import * as icons from 'constants/icons';
 
 type Props = {
   play: () => void,
@@ -14,7 +15,7 @@ class VideoPlayButton extends React.PureComponent<Props> {
     const { fileInfo, mediaType, isLoading, play } = this.props;
     const disabled = isLoading || fileInfo === undefined;
     const doesPlayback = ['audio', 'video'].indexOf(mediaType) !== -1;
-    const icon = doesPlayback ? 'Play' : 'Eye';
+    const icon = doesPlayback ? icons.PLAY : icons.EYE;
     const label = doesPlayback ? 'Play' : 'Preview';
 
     return <Button button="primary" disabled={disabled} label={label} icon={icon} onClick={play} />;
diff --git a/src/renderer/constants/icons.js b/src/renderer/constants/icons.js
index df3bac313..73cc9d765 100644
--- a/src/renderer/constants/icons.js
+++ b/src/renderer/constants/icons.js
@@ -29,3 +29,4 @@ export const GLOBE = 'Globe';
 export const EXTERNAL_LINK = 'ExternalLink';
 export const GIFT = 'Gift';
 export const EYE = 'Eye';
+export const PLAY = 'Play';