diff --git a/demo/client/css/pathfinder.css b/demo/client/css/pathfinder.css
index cbd624fd..63964b16 100644
--- a/demo/client/css/pathfinder.css
+++ b/demo/client/css/pathfinder.css
@@ -171,6 +171,22 @@ button > svg path {
 	margin-right: -15px;
 }
 
+#pf-zoom-pulse-button {
+    padding: 16px 30px 16px 14px;
+}
+
+/* https://www.h3xed.com/web-development/how-to-make-css-play-pause-icons-with-a-single-div */
+#pf-play-icon {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    margin: -6px 3px 0;
+    border-top: 6px solid transparent;
+    border-left: 12px solid currentColor;
+    border-bottom: 6px solid transparent;
+}
+
 .github-corner {
     display: block;
     position: absolute;
diff --git a/demo/client/html/svg-demo.html.hbs b/demo/client/html/svg-demo.html.hbs
index a2de7acd..1b432372 100644
--- a/demo/client/html/svg-demo.html.hbs
+++ b/demo/client/html/svg-demo.html.hbs
@@ -22,11 +22,11 @@
                      class="btn btn-outline-secondary pf-toolbar-button">
                         {{octicon "plus"}}
                     </button>
-                    <button id="pf-zoom-pulse-button" type="button" title="Pulse Zoom"
-                     class="btn btn-outline-secondary pf-toolbar-button">
-                        {{octicon "watch"}}
-                    </button>
                 </div>
+                <button id="pf-zoom-pulse-button" type="button" title="Pulse Zoom"
+                 class="btn btn-outline-secondary pf-toolbar-button">
+                    <span id="pf-play-icon"></span>
+                </button>
                 <button id="pf-screenshot-button" type="button"
                  class="btn btn-outline-secondary pf-toolbar-button">
                     {{octicon "device-camera"}}
diff --git a/demo/client/html/text-demo.html.hbs b/demo/client/html/text-demo.html.hbs
index 20005278..f9bd76ca 100644
--- a/demo/client/html/text-demo.html.hbs
+++ b/demo/client/html/text-demo.html.hbs
@@ -21,11 +21,11 @@
                      class="btn btn-outline-secondary pf-toolbar-button">
                         {{octicon "plus"}}
                     </button>
-                    <button id="pf-zoom-pulse-button" type="button" title="Pulse Zoom"
-                     class="btn btn-outline-secondary pf-toolbar-button">
-                        {{octicon "watch"}}
-                    </button>
                 </div>
+                <button id="pf-zoom-pulse-button" type="button" title="Pulse Zoom"
+                 class="btn btn-outline-secondary pf-toolbar-button">
+                    <span id="pf-play-icon"></span>
+                </button>
                 <button id="pf-screenshot-button" type="button"
                  class="btn btn-outline-secondary pf-toolbar-button">
                     {{octicon "device-camera"}}