feat(Icon): update Profile icon and add new Market and Portfolio icons

nordnet · Jun 8, 2017 · 04b024c · 04b024c
1 parent dab34ea
commit 04b024c
Show file tree

Hide file tree

Showing 4 changed files with 81 additions and 13 deletions.
diff --git a/src/components/icon/icons/index.js b/src/components/icon/icons/index.js
@@ -36,8 +36,10 @@ import LightningBolt from './lightningBolt';
 import Lock from './lock';
 import Mail from './mail';
 import MailOpen from './mailOpen';
+import Market from './market';
 import News from './news';
 import OrderDepth from './orderDepth';
+import Portfolio from './portfolio';
 import Print from './print';
 import Profile from './profile';
 import Questionmark from './questionmark';
@@ -93,8 +95,10 @@ const Icon = {
   Lock,
   Mail,
   MailOpen,
+  Market,
   News,
   OrderDepth,
+  Portfolio,
   Print,
   Profile,
   Questionmark,

diff --git a/src/components/icon/icons/market.jsx b/src/components/icon/icons/market.jsx
@@ -0,0 +1,36 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Icon from '../icon';
+
+export default function Market({
+  stroke,
+  fill,
+  strokeWidth,
+  style: styleProp,
+  ...rest // eslint-disable-line comma-dangle
+}) {
+  const style = {
+    ...styleProp,
+    ...Icon.defaultProps.style,
+  };
+  return (
+    <svg style={style} {...rest}>
+      <g stroke="none" strokeWidth={strokeWidth} fillRule="nonzero" fill={fill}>
+        <path d="M2.94736842,16 L0.421052632,16 C0.188631579,16 0,15.81184 0,15.58 L0,9.7 C0,9.46816 0.188631579,9.28 0.421052632,9.28 L2.94736842,9.28 C3.17978947,9.28 3.36842105,9.46816 3.36842105,9.7 L3.36842105,15.58 C3.36842105,15.81184 3.17978947,16 2.94736842,16 Z M0.842105263,15.16 L2.52631579,15.16 L2.52631579,10.12 L0.842105263,10.12 L0.842105263,15.16 Z" />
+        <path d="M7.15789474,16 L4.63157895,16 C4.39915789,16 4.21052632,15.81184 4.21052632,15.58 L4.21052632,7.18 C4.21052632,6.94816 4.39915789,6.76 4.63157895,6.76 L7.15789474,6.76 C7.39031579,6.76 7.57894737,6.94816 7.57894737,7.18 L7.57894737,15.58 C7.57894737,15.81184 7.39031579,16 7.15789474,16 Z M5.05263158,15.16 L6.73684211,15.16 L6.73684211,7.6 L5.05263158,7.6 L5.05263158,15.16 Z" />
+        <path d="M11.3684211,16 L8.84210526,16 C8.60968421,16 8.42105263,15.81184 8.42105263,15.58 L8.42105263,8.02 C8.42105263,7.78816 8.60968421,7.6 8.84210526,7.6 L11.3684211,7.6 C11.6008421,7.6 11.7894737,7.78816 11.7894737,8.02 L11.7894737,15.58 C11.7894737,15.81184 11.6008421,16 11.3684211,16 Z M9.26315789,15.16 L10.9473684,15.16 L10.9473684,8.44 L9.26315789,8.44 L9.26315789,15.16 Z" />
+        <path d="M15.5789474,16 L13.0526316,16 C12.8202105,16 12.6315789,15.81184 12.6315789,15.58 L12.6315789,4.66 C12.6315789,4.42816 12.8202105,4.24 13.0526316,4.24 L15.5789474,4.24 C15.8113684,4.24 16,4.42816 16,4.66 L16,15.58 C16,15.81184 15.8113684,16 15.5789474,16 Z M13.4736842,15.16 L15.1578947,15.16 L15.1578947,5.08 L13.4736842,5.08 L13.4736842,15.16 Z" />
+        <path d="M15.0349474,0.16264 C14.9221053,0.05008 14.7553684,0.0106 14.6037895,0.061 L12.0774737,0.901 C11.8568421,0.97408 11.7372632,1.2118 11.8113684,1.43188 C11.8854737,1.65196 12.1237895,1.77124 12.3435789,1.69732 L13.1781053,1.42012 L9.56126316,5.02792 C9.38189474,5.20684 9.04589474,5.2312 8.84210526,5.07916 L6.82105263,3.56716 C6.29557895,3.17404 5.48463158,3.19084 4.976,3.6058 L0.996210526,6.85408 C0.816,7.00108 0.789894737,7.26568 0.937263158,7.44544 C1.02063158,7.54708 1.14105263,7.59916 1.26315789,7.59916 C1.35663158,7.59916 1.45094737,7.56808 1.52926316,7.50424 L5.50905263,4.25596 C5.71621053,4.08628 6.10105263,4.07872 6.31494737,4.23916 L8.336,5.75116 C8.87747368,6.15604 9.67663158,6.09976 10.1557895,5.6218 L13.7726316,2.014 L13.4947368,2.84644 C13.4214737,3.06652 13.5402105,3.30424 13.7608421,3.37732 C13.8046316,3.39244 13.8501053,3.39916 13.8938947,3.39916 C14.0698947,3.39916 14.2341053,3.28744 14.2930526,3.11188 L15.1351579,0.59188 C15.1856842,0.44068 15.1461053,0.27436 15.0332632,0.1618 L15.0349474,0.16264 Z" />
+      </g>
+    </svg>
+  );
+}
+
+Market.propTypes = {
+  ...Icon.propTypes,
+  stroke: PropTypes.string,
+  fill: PropTypes.string,
+  strokeWidth: PropTypes.number,
+};
+
+Market.defaultProps = Icon.defaultProps;
diff --git a/src/components/icon/icons/portfolio.jsx b/src/components/icon/icons/portfolio.jsx
@@ -0,0 +1,34 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Icon from '../icon';
+
+export default function Portfolio({
+  stroke,
+  fill,
+  strokeWidth,
+  style: styleProp,
+  ...rest // eslint-disable-line comma-dangle
+}) {
+  const style = {
+    ...styleProp,
+    ...Icon.defaultProps.style,
+  };
+  return (
+    <svg style={style} {...rest}>
+      <g strokeWidth={strokeWidth} stroke={stroke} fill="none" fillRule="evenodd" transform="translate(0, 0.5)">
+        <path d="M5.12588235,1.94117647 L5.12588235,4.22 L1,4.22 C0.679674845,4.22 0.42,4.47967485 0.42,4.8 L0.42,14 C0.42,14.3203252 0.679674845,14.58 1,14.58 L15,14.58 C15.3203252,14.58 15.58,14.3203252 15.58,14 L15.58,4.8 C15.58,4.47967485 15.3203252,4.22 15,4.22 L10.8741176,4.22 L10.8741176,1.94117647 C10.8741176,1.65333865 10.640779,1.42 10.3529412,1.42 L5.64705882,1.42 C5.35922101,1.42 5.12588235,1.65333865 5.12588235,1.94117647 Z" />
+        <path d="M0.42,8.38 L15.58,8.38 L15.58,4.8 C15.58,4.47967485 15.3203252,4.22 15,4.22 L1,4.22 C0.679674845,4.22 0.42,4.47967485 0.42,4.8 L0.42,8.38 Z" />
+        <rect fill={stroke} x="7.19999695" y="7" width="1.67999995" height="4" rx="0.839999974" />
+      </g>
+    </svg>
+  );
+}
+
+Portfolio.propTypes = {
+  ...Icon.propTypes,
+  stroke: PropTypes.string,
+  fill: PropTypes.string,
+  strokeWidth: PropTypes.number,
+};
+
+Portfolio.defaultProps = Icon.defaultProps;
diff --git a/src/components/icon/icons/profile.jsx b/src/components/icon/icons/profile.jsx
@@ -15,18 +15,12 @@ export default function Profile({
   };
   return (
     <svg style={style} {...rest}>
-      <g stroke="none" strokeWidth={strokeWidth} fill="none" fillRule="evenodd">
-        <g fillRule="nonzero" fill={fill}>
-          <path d="M7.6,8.8 C5.1736,8.8 3.2,6.8264 3.2,4.4 C3.2,1.9736 5.1736,0 7.6,0 C10.0264,0 12,1.9736 12,4.4 C12,6.8264
-            10.0264,8.8 7.6,8.8 Z M7.6,0.8 C5.6152,0.8 4,2.4152 4,4.4 C4,6.3848 5.6152,8 7.6,8 C9.5848,8 11.2,6.3848
-            11.2,4.4 C11.2,2.4152 9.5848,0.8 7.6,0.8 Z" />
-          <path d="M14,16 L1.2,16 C0.5384,16 0,15.4616 0,14.8 C0,14.7456 0.0112,13.452 0.98,12.16 C1.544,11.408 2.316,10.8104
-            3.2752,10.3848 C4.4464,9.864 5.9016,9.6 7.6,9.6 C9.2984,9.6 10.7536,9.864 11.9248,10.3848 C12.884,10.8112
-            13.656,11.408 14.22,12.16 C15.1888,13.452 15.2,14.7456 15.2,14.8 C15.2,15.4616 14.6616,16 14,16 Z M7.6,10.4
-            C4.8104,10.4 2.752,11.1624 1.6472,12.6048 C0.8192,13.6856 0.8008,14.7904 0.8,14.8016 C0.8,15.0208 0.9792,15.2
-            1.2,15.2 L14,15.2 C14.2208,15.2 14.4,15.0208 14.4,14.8 C14.4,14.7904 14.3816,13.6856 13.5528,12.6048 C12.4472,11.1624
-            10.3888,10.4 7.6,10.4 Z" />
-        </g>
+      <g fill="none" fillRule="evenodd" transform="translate(-0.5, 0.5)" stroke={stroke} strokeWidth={strokeWidth}>
+        <path
+          d="M1.5,14.7018843 C1.5,14.7018843 1.69396973,9.84849077 8.15808105,10.0036421 C14.6221924,10.1587935 14.6221924,14.7350875 14.6221924,14.7350875"
+          strokeLinecap="round"
+        />
+        <circle cx="8" cy="5" r="3.5" />
       </g>
     </svg>
   );
@@ -39,4 +33,4 @@ Profile.propTypes = {
   strokeWidth: PropTypes.number,
 };
 
-Profile.defaultProps = Icon.defaultProps;
+Profile.defaultProps = { ...Icon.defaultProps, viewBox: '0 0 14 14' };