Clean icons in toolbar

src/components/presentational/Icons/CoeventIcon.js

@@ -0,0 +1,24 @@
+import React from 'react';
+
+const CoeventIcon = ({ isEnabled, toggleMapViews }) => {
+
+  const classes = (isEnabled) ? 'action-button active disabled' : 'action-button disabled';
+
+  return (
+    <button
+      className={sitesClass}
+      onClick={() => toggleMapViews('coevents')}
+    >
+      <svg className="coevents" x="0px" y="0px" width="30px" height="20px" viewBox="0 0 30 20" enableBackground="new 0 0 30 20">
+        <polygon stroke-linejoin="round" stroke-miterlimit="10" points="19.178,20 10.823,20 10.473,14.081
+          10,13.396 10,6.084 20,6.084 20,13.396 19.445,14.021 "/>
+        <rect className="no-fill" x="11.4" y="7.867" width="7.2" height="3.35"/>
+        <line stroke-linejoin="round" stroke-miterlimit="10" x1="12.125" y1="1" x2="12.125" y2="5.35"/>
+        <rect x="11.4" y="4.271" width="1.496" height="1.079"/>
+        <rect x="17.104" y="4.271" width="1.496" height="1.079"/>
+      </svg>
+    </button>
+  );
+}
+
+export default CoeventIcon;

src/components/presentational/Icons/RefreshIcon.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const RefreshIcon = ({ }) => {
+
+  return (
+    <svg className="reset" x="0px" y="0px" width="25px" height="25px" viewBox="7.5 7.5 25 25" enableBackground="new 7.5 7.5 25 25">
+      <path stroke-width="2" stroke-miterlimit="10" d="M28.822,16.386c1.354,3.219,0.898,7.064-1.5,9.924
+      c-3.419,4.073-9.49,4.604-13.562,1.186c-4.073-3.417-4.604-9.49-1.187-13.562c1.987-2.368,4.874-3.54,7.74-3.433" />
+      <polygon points="26.137,12.748 27.621,19.464 28.9,16.741 31.898,16.503" />
+    </svg>
+  );
+}
+
+export default RefreshIcon;

src/components/presentational/Icons/RouteIcon.js

@@ -0,0 +1,20 @@
+import React from 'react';
+
+const RouteIcon = ({ isEnabled, toggleMapViews }) => {
+
+  const classes = (isEnabled) ? 'action-button active disabled' : 'action-button disabled';
+
+  return (
+    <button
+      className={sitesClass}
+      onClick={() => toggleMapViews('routes')}
+    >
+      <svg x="0px" y="0px" width="30px" height="20px" viewBox="0 0 30 20" enableBackground="new 0 0 30 20">
+          <path d="M0.806,13.646h7.619c2.762,0,3-0.238,3-3v-0.414c0-2.762,0.301-3,3.246-3h14.523"/>
+          <polyline points="16.671,9.228 19.103,7.233 16.671,5.237 "/>
+      </svg>
+    </button>
+  );
+}
+
+export default RouteIcon;

src/components/presentational/Icons/SitesIcon.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+const SitesIcon = ({ isEnabled, toggleMapViews }) => {
+
+  const classes = (isEnabled) ? 'action-button active disabled' : 'action-button disabled';
+
+  return (
+    <button
+      className={sitesClass}
+      onClick={() => toggleMapViews('sites')}
+    >
+      <svg x="0px" y="0px" width="30px" height="20px" viewBox="0 0 30 20" enableBackground="new 0 0 30 20">
+        <path d="M24.615,6.793H5.385c-2.761,0-3,0.239-3,3v0.414c0,2.762,0.239,3,3,3h7.621l1.996,2.432l1.996-2.432h7.618c2.762,0,3-0.238,3-3V9.793C27.615,7.032,27.377,6.793,24.615,6.793z"/>
+      </svg>
+    </button>
+  );
+}
+
+export default SitesIcon;