diff --git a/activities/Gears.activity/css/activity.css b/activities/Gears.activity/css/activity.css
index 0b9d8e3bc..e717cabc0 100644
--- a/activities/Gears.activity/css/activity.css
+++ b/activities/Gears.activity/css/activity.css
@@ -23,8 +23,12 @@ body {
   background-image: url(../icons/MomentumIcon.svg);
 }
 
-#main-toolbar #play-button {
-  background-image: url(../icons/media-playback-start.svg);
+#main-toolbar #play-button.play {
+	background-image: url(../icons/play.svg);
+}
+
+#main-toolbar #play-button.pause {
+	background-image: url(../icons/pause.svg);
 }
 
 #main-toolbar #clear-button {
diff --git a/activities/Gears.activity/icons/pause.svg b/activities/Gears.activity/icons/pause.svg
new file mode 100644
index 000000000..18b0d4b9a
--- /dev/null
+++ b/activities/Gears.activity/icons/pause.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="55"
+   height="55"
+   viewBox="0 0 55 55"
+   id="svg2"
+   xml:space="preserve"
+   sodipodi:docname="pause.svg"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><sodipodi:namedview
+     pagecolor="#ffff30"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1440"
+     inkscape:window-height="779"
+     id="namedview4383"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:zoom="8.5818182"
+     inkscape:cx="20.497585"
+     inkscape:cy="28.181681"
+     inkscape:window-x="0"
+     inkscape:window-y="1"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" /><metadata
+     id="metadata21"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs19" /><g
+     id="g9"
+     style="fill:#ffffff"
+     transform="matrix(1,0,0,-1,0,55.236326)"><g
+       id="g11"
+       style="fill:#ffffff"><path
+         style="fill:#ffffff"
+         d="M 27.496094 5.0507812 C 15.036094 5.0717813 4.9516875 15.157141 4.9296875 27.619141 C 4.9516875 40.082141 15.036094 50.166547 27.496094 50.185547 C 39.961094 50.166547 50.045453 40.081187 50.064453 27.617188 C 50.045453 15.155187 39.961094 5.0717813 27.496094 5.0507812 z M 29.630859 17.498047 L 33.708984 17.498047 L 33.708984 38.939453 L 29.630859 38.939453 L 29.630859 17.498047 z M 20.214844 17.572266 L 24.722656 17.572266 L 24.722656 39.011719 L 20.214844 39.011719 L 20.214844 17.572266 z "
+         transform="matrix(1,0,0,-1,0,55.236326)"
+         id="path13" /></g></g></svg>
\ No newline at end of file
diff --git a/activities/Gears.activity/icons/media-playback-start.svg b/activities/Gears.activity/icons/play.svg
similarity index 100%
rename from activities/Gears.activity/icons/media-playback-start.svg
rename to activities/Gears.activity/icons/play.svg
diff --git a/activities/Gears.activity/index.html b/activities/Gears.activity/index.html
index c914f0649..7b6bae786 100644
--- a/activities/Gears.activity/index.html
+++ b/activities/Gears.activity/index.html
@@ -24,7 +24,7 @@
       <button class="toolbutton" id="gear-button" title="Gear"></button>
       <button class="toolbutton" id="chain-button" title="Chain"></button>
       <button class="toolbutton" id="momentum-button" title="Momentum"></button>
-      <button class="toolbutton" id="play-button" title="Play"></button>
+      <button class="toolbutton play" id="play-button" title="Play"></button>
       <hr/>
       <button class="toolbutton" id="clear-button" title="Clear"></button>
       <button class="toolbutton pull-right" id="stop-button" title="Stop"></button>
diff --git a/activities/Gears.activity/js/activity.js b/activities/Gears.activity/js/activity.js
index 27412b05b..a0459424c 100644
--- a/activities/Gears.activity/js/activity.js
+++ b/activities/Gears.activity/js/activity.js
@@ -87,9 +87,13 @@ define(["sugar-web/activity/activity","sugar-web/graphics/radiobuttonsgroup","ge
             }
             if(gearSketch.selectedButton == "playButton"){
                 gearSketch.selectButton(null);
+                playButton.classList.remove('pause');
+                playButton.classList.add('play');
             }
             else{
                 gearSketch.selectButton("playButton");
+                playButton.classList.remove('play');
+                playButton.classList.add('pause');
             }
         });