replaced Icon in test file with new icon. original was deleted as it …

…was redundant

src/components/Icon/icons/ChartBars2.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartBars2 = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4zm2.5 2.1h-15V5h15v14.1zm0-16.1h-15c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" />
+  </svg>
+);
+ChartBars2.propTypes = { fill: PropTypes.string };
+ChartBars2.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartBars2;

src/components/Icon/icons/ChartBarsStacked.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartBarsStacked = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M5 11.2h3V20H5v-8.8zM10.6 9h2.8v11h-2.8V9zm5.6 6H19v5h-2.8v-5zm0-7H19v6h-2.8V8zm-5.6-4h2.8v4h-2.8V4zM5 6.2h3V10H5V6.2z" />
+  </svg>
+);
+ChartBarsStacked.propTypes = { fill: PropTypes.string };
+ChartBarsStacked.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartBarsStacked;

src/components/Icon/icons/ChartBarsVert.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartBarsVert = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M5 9h3v11H5V9zm5.6-5h2.8v16h-2.8V4zm5.6 9.143H19V20h-2.8v-6.857z" />
+  </svg>
+);
+ChartBarsVert.propTypes = { fill: PropTypes.string };
+ChartBarsVert.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartBarsVert;

src/components/Icon/icons/ChartBubble.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartBubble = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M14.8 16a2 2 0 110 4 2 2 0 010-4zm-7.6-4.8a3.2 3.2 0 110 6.4 3.2 3.2 0 010-6.4zm8-7.2a4.8 4.8 0 110 9.6 4.8 4.8 0 010-9.6z" />
+  </svg>
+);
+ChartBubble.propTypes = { fill: PropTypes.string };
+ChartBubble.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartBubble;

src/components/Icon/icons/ChartDonut.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartDonut = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M13 5.08A7 7 0 0118.92 11h3.03c-.47-4.72-4.23-8.48-8.95-8.95v3.03zM18.92 13A7 7 0 0113 18.92v3.03c4.72-.47 8.48-4.23 8.95-8.95h-3.03zM11 18.92c-3.39-.49-6-3.4-6-6.92s2.61-6.43 6-6.92V2.05c-5.05.5-9 4.76-9 9.95 0 5.19 3.95 9.45 9 9.95v-3.03z" />
+  </svg>
+);
+ChartDonut.propTypes = { fill: PropTypes.string };
+ChartDonut.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartDonut;

src/components/Icon/icons/ChartPie.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartDonut = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M11 2v20c-5.07-.5-9-4.79-9-10s3.93-9.5 9-10zm2.03 0v8.99H22c-.47-4.74-4.24-8.52-8.97-8.99zm0 11.01V22c4.74-.47 8.5-4.25 8.97-8.99h-8.97z" />
+  </svg>
+);
+ChartDonut.propTypes = { fill: PropTypes.string };
+ChartDonut.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartDonut;

src/components/Icon/icons/ChartSparkAndBar.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartSparkAndBar = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <g fillRule="nonzero">
+      <path d="M5 9h3v11H5V9zm5.6-5h2.8v16h-2.8V4zm5.6 9.143H19V20h-2.8v-6.857z" />
+      <path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z" />
+    </g>
+  </svg>
+);
+ChartSparkAndBar.propTypes = { fill: PropTypes.string };
+ChartSparkAndBar.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartSparkAndBar;

src/components/Icon/icons/ChartSparkline.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChartSparkline = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z" />
+  </svg>
+);
+ChartSparkline.propTypes = { fill: PropTypes.string };
+ChartSparkline.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChartSparkline;

src/components/Icon/icons/Chat.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const Chat = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z" />
+  </svg>
+);
+Chat.propTypes = { fill: PropTypes.string };
+Chat.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default Chat;

src/components/Icon/icons/Check.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const Chat = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
+  </svg>
+);
+Chat.propTypes = { fill: PropTypes.string };
+Chat.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default Chat;

src/components/Icon/icons/ChevronLeft.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChevronLeft = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
+  </svg>
+);
+
+ChevronLeft.propTypes = { fill: PropTypes.string };
+ChevronLeft.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChevronLeft;

src/components/Icon/icons/ChevronRight.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ChevronRight = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="#677078" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+  </svg>
+);
+
+ChevronRight.propTypes = { fill: PropTypes.string };
+ChevronRight.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ChevronRight;

src/components/Icon/icons/Clear.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const Chat = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" />
+  </svg>
+);
+Chat.propTypes = { fill: PropTypes.string };
+Chat.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default Chat;

src/components/Icon/icons/Clock.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const Clock = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z" />
+  </svg>
+);
+Clock.propTypes = { fill: PropTypes.string };
+Clock.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default Clock;

src/components/Icon/icons/Close.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const Close = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
+  </svg>
+);
+Close.propTypes = { fill: PropTypes.string };
+Close.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default Close;

src/components/Icon/icons/Coffee.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const Close = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2a2 2 0 002-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM4 19h16v2H4v-2z" />
+  </svg>
+);
+Close.propTypes = { fill: PropTypes.string };
+Close.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default Close;

src/components/Icon/icons/ContactList.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const ContactList = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1z" />
+  </svg>
+);
+ContactList.propTypes = { fill: PropTypes.string };
+ContactList.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default ContactList;

src/components/Icon/icons/Copy.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import iconColorsMap from './colors';
+
+const Copy = ({ fill, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill={fill}
+    {...props}
+  >
+    <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z" />
+  </svg>
+);
+Copy.propTypes = { fill: PropTypes.string };
+Copy.defaultProps = { fill: iconColorsMap.mainicon };
+
+export default Copy;