diff --git a/src/components/snail-mode/snail-mode.jsx b/src/components/snail-mode/snail-mode.jsx
new file mode 100644
index 0000000000..92d29d4f41
--- /dev/null
+++ b/src/components/snail-mode/snail-mode.jsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ToolSelectComponent from '../tool-select-base/tool-select-base.jsx';
+import messages from '../../lib/messages.js';
+import snailIcon from './snail.svg';
+
+const TriangleModeComponent = props => (
+    <ToolSelectComponent
+        imgDescriptor={messages.snail}
+        imgSrc={snailIcon}
+        isSelected={props.isSelected}
+        onMouseDown={props.onMouseDown}
+    />
+);
+
+TriangleModeComponent.propTypes = {
+    isSelected: PropTypes.bool.isRequired,
+    onMouseDown: PropTypes.func.isRequired
+};
+
+export default TriangleModeComponent;
diff --git a/src/components/snail-mode/snail.svg b/src/components/snail-mode/snail.svg
new file mode 100644
index 0000000000..d1d63d2bd0
--- /dev/null
+++ b/src/components/snail-mode/snail.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- License: MIT. Made by Twitter: https://github.com/twitter/twemoji -->
+<svg width="20px" height="20px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet"><path fill="#9266CC" d="M9 15.561c0-4 2-8 0-10s-3 2-2 2c1.414 0 2 2 1 5s1 3.999 1 3zm-3.875 0c0-4 2-8 0-10s-3 2-2 2c1.414 0 2 2 1 5s1 3.999 1 3z"></path><path fill="#AA8DD8" d="M36 34.936c0 1-1 1-2 1H11c-5 0-7.272-3.09-8-6c-1-4 2-11 0-12s-3-1-3-3s4.47-5.265 7-4c4 2 2.767 6.932 2 10c-.88 3.522 1.115 3.594 5 5c4.94 1.787 12.32 4.44 14 5c3 1 8 3 8 4z"></path><path fill="#FFCC4D" d="M10.925 24.935c2.887 1 3.849 9 13.472 9c6.377 0 8.66-5.479 8.66-11c0-5.523-5.17-10-11.547-10c-6.377.001-11.498 11.684-10.585 12z"></path><path fill="#FFAC33" d="M24.914 33.938c1.708 0 3.389-.48 4.892-1.418c2.185-1.361 3.729-3.527 4.348-6.098c1.53-6.363-2.206-12.834-8.329-14.425c-7.393-1.923-14.919 2.768-16.768 10.455c-.258 1.072.369 2.158 1.399 2.426c1.027.271 2.076-.383 2.335-1.455c1.334-5.546 6.761-8.93 12.1-7.544c4.063 1.056 6.544 5.351 5.528 9.574c-.369 1.533-1.29 2.826-2.594 3.639a5.473 5.473 0 0 1-4.311.666a4.151 4.151 0 0 1-2.564-1.973a4.454 4.454 0 0 1-.469-3.281a3.037 3.037 0 0 1 1.344-1.887c.676-.421 1.527-.707 2.234-.345c1.298.665 1.298 2.665.336 3.665c-.752.781 1.604 1.065 2.887 0c1.15-.955 1.645-2.492 1.068-4.199c-.581-1.724-1.805-2.942-3.358-3.347a6.53 6.53 0 0 0-5.148.797c-1.557.971-2.657 2.515-3.098 4.347a8.559 8.559 0 0 0 .903 6.307c1.103 1.91 2.853 3.258 4.931 3.797a9.38 9.38 0 0 0 2.334.299z"></path></svg>
\ No newline at end of file
diff --git a/src/lib/messages.js b/src/lib/messages.js
index 731a0da07f..0b0e989d3e 100644
--- a/src/lib/messages.js
+++ b/src/lib/messages.js
@@ -66,6 +66,11 @@ const messages = defineMessages({
         description: 'Label for the triangle tool',
         id: 'paint.triangleMode.triangle'
     },
+    triangle: {
+        defaultMessage: 'Snail',
+        description: 'Label for the snail tool',
+        id: 'paint.triangleMode.triangle'
+    },
     arrow: {
         defaultMessage: 'Arrow',
         description: 'Label for the arrow tool',