@thecb/components 2.2.0

package/src/components/molecules/obligation/icons/AccountDentalIcon.js

@@ -0,0 +1,94 @@
+import React from "react";
+
+const AccountDentalIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="account-dental-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
+      <filter
+        x="-17.2%"
+        y="-14.2%"
+        width="134.3%"
+        height="134.3%"
+        filterUnits="objectBoundingBox"
+        id="account-dental-filter-2"
+      >
+        <feOffset
+          dx="0"
+          dy="-4"
+          in="SourceAlpha"
+          result="shadowOffsetOuter1"
+        ></feOffset>
+        <feColorMatrix
+          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
+          type="matrix"
+          in="shadowOffsetOuter1"
+          result="shadowMatrixOuter1"
+        ></feColorMatrix>
+        <feOffset
+          dx="0"
+          dy="2"
+          in="SourceAlpha"
+          result="shadowOffsetOuter2"
+        ></feOffset>
+        <feGaussianBlur
+          stdDeviation="3.5"
+          in="shadowOffsetOuter2"
+          result="shadowBlurOuter2"
+        ></feGaussianBlur>
+        <feColorMatrix
+          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
+          type="matrix"
+          in="shadowBlurOuter2"
+          result="shadowMatrixOuter2"
+        ></feColorMatrix>
+        <feMerge>
+          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+        </feMerge>
+      </filter>
+    </defs>
+    <g
+      id="account-dental-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(-91.000000, -801.000000)">
+        <g
+          id="account-dental-Profile-Obligation-Icon-/-Account---Dental"
+          transform="translate(98.000000, 806.000000)"
+        >
+          <g id="Oval-Copy-6">
+            <use
+              fill="black"
+              fillOpacity="1"
+              filter="url(#account-dental-filter-2)"
+              xlinkHref="#account-dental-path-1"
+            ></use>
+            <use
+              fill="#FFFFFF"
+              fillRule="evenodd"
+              xlinkHref="#account-dental-path-1"
+            ></use>
+          </g>
+          <path
+            d="M40.4687012,49.9999905 C40.9062002,49.9999905 41.3020322,49.8645738 41.6561984,49.5937414 C42.0103645,49.3229091 42.229114,48.958326 42.3124468,48.499994 L42.3124468,48.499994 L42.8124456,46.3749991 C43.3541113,44.0000048 43.7916103,41.0833447 44.1249425,37.62502 C44.3749419,34.8333596 45.1249401,32.6041989 46.3749371,30.9375359 C47.0832684,29.9792052 47.5624343,28.9062908 47.8124337,27.7187936 C48.0624331,26.5312964 48.0416001,25.2917164 47.7499338,24.0000525 C47.4166016,22.5833888 46.7291033,21.3438088 45.6874388,20.2813113 C44.6457743,19.2188139 43.4166112,18.5208985 41.9999475,18.1875663 C40.2916186,17.7292344 38.437456,18.2292332 36.4374608,19.6875627 C36.3124611,19.7708956 36.1457945,19.8542293 35.937462,19.9375621 L35.937462,19.9375621 L35.7499624,20.000062 L37.5624581,21.1875592 C37.7707906,21.3125589 37.9062073,21.5104754 37.9687072,21.7813077 C38.031207,22.0521401 37.9895401,22.3021395 37.8437075,22.531306 C37.6978748,22.7604724 37.4895413,22.9063051 37.2187089,22.9688049 C36.9478766,23.0313048 36.6874602,22.9792219 36.4374608,22.8125553 L36.4374608,22.8125553 L30.1874757,18.8125648 C28.7291462,18.0208997 27.3333155,17.8125672 25.9999857,18.1875663 C24.5833221,18.5208985 23.354159,19.2188139 22.3124945,20.2813113 C21.27083,21.3438088 20.5833316,22.5833888 20.2499994,24.0000525 C19.9583331,25.2917164 19.9375001,26.5312964 20.1874996,27.7187936 C20.437499,28.9062908 20.9166648,29.9792052 21.6249961,30.9375359 C22.8749931,32.6041989 23.6249914,34.8333596 23.8749908,37.62502 C24.208323,41.0833447 24.6458219,44.0000048 25.1874876,46.3749991 L25.1874876,46.3749991 L25.6874864,48.499994 C25.7708193,48.958326 25.9895687,49.3229091 26.3437349,49.5937414 C26.697901,49.8645738 27.0937331,49.9999905 27.531232,49.9999905 C27.968731,49.9999905 28.3541471,49.8645738 28.6874793,49.5937414 C29.0208115,49.3229091 29.2499779,48.9791599 29.3749776,48.5624939 L29.3749776,48.5624939 L31.4999726,39.8750146 C31.6666392,39.3333489 31.9791384,38.875017 32.4374703,38.5000179 C32.8958023,38.1250188 33.416635,37.9375192 33.9999666,37.9375192 C34.5832982,37.9375192 35.104131,38.1250188 35.5624629,38.5000179 C36.0207948,38.875017 36.3332941,39.3333489 36.4999607,39.8750146 L36.4999607,39.8750146 L38.6249556,48.5624939 C38.7499553,48.9791599 38.9791217,49.3229091 39.312454,49.5937414 C39.6457862,49.8645738 40.0312022,49.9999905 40.4687012,49.9999905 Z"
+            id="t"
+            fill="#292A33"
+            fillRule="nonzero"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default AccountDentalIcon;

package/src/components/molecules/obligation/icons/AccountElectricIcon.js

@@ -0,0 +1,99 @@
+import React from "react";
+
+const AccountElectricIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle
+        id="account-electric-path-1"
+        cx="33.5"
+        cy="33.5"
+        r="33.5"
+      ></circle>
+      <filter
+        x="-17.2%"
+        y="-14.2%"
+        width="134.3%"
+        height="134.3%"
+        filterUnits="objectBoundingBox"
+        id="account-electric-filter-2"
+      >
+        <feOffset
+          dx="0"
+          dy="-4"
+          in="SourceAlpha"
+          result="shadowOffsetOuter1"
+        ></feOffset>
+        <feColorMatrix
+          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
+          type="matrix"
+          in="shadowOffsetOuter1"
+          result="shadowMatrixOuter1"
+        ></feColorMatrix>
+        <feOffset
+          dx="0"
+          dy="2"
+          in="SourceAlpha"
+          result="shadowOffsetOuter2"
+        ></feOffset>
+        <feGaussianBlur
+          stdDeviation="3.5"
+          in="shadowOffsetOuter2"
+          result="shadowBlurOuter2"
+        ></feGaussianBlur>
+        <feColorMatrix
+          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
+          type="matrix"
+          in="shadowBlurOuter2"
+          result="shadowMatrixOuter2"
+        ></feColorMatrix>
+        <feMerge>
+          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+        </feMerge>
+      </filter>
+    </defs>
+    <g
+      id="account-electric-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(-91.000000, -225.000000)">
+        <g
+          id="account-electric-Profile-Obligation-Icon-/-Account---Electric"
+          transform="translate(98.000000, 230.000000)"
+        >
+          <g id="Oval-Copy-6">
+            <use
+              fill="black"
+              fillOpacity="1"
+              filter="url(#account-electric-filter-2)"
+              xlinkHref="#account-electric-path-1"
+            ></use>
+            <use
+              fill="#FFFFFF"
+              fillRule="evenodd"
+              xlinkHref="#account-electric-path-1"
+            ></use>
+          </g>
+          <path
+            d="M41.9999619,27.0000453 L41.9999619,20.0000668 C41.9999619,19.4583963 41.8020358,18.9896474 41.4062037,18.5938153 C41.0103717,18.1979833 40.5416228,18.0000668 39.9999619,18.0000668 C39.4582914,18.0000668 38.9895425,18.1979833 38.5937104,18.5938153 C38.1978784,18.9896474 37.9999619,19.4583963 37.9999619,20.0000668 L37.9999619,20.0000668 L37.9999619,27.0000453 L41.9999619,27.0000453 Z M29.9999905,27.0000453 L29.9999905,20.0000668 C29.9999905,19.4583963 29.8020644,18.9896474 29.4062323,18.5938153 C29.0104003,18.1979833 28.5416514,18.0000668 27.9999905,18.0000668 C27.45832,18.0000668 26.9895711,18.1979833 26.593739,18.5938153 C26.197907,18.9896474 25.9999905,19.4583963 25.9999905,20.0000668 L25.9999905,20.0000668 L25.9999905,27.0000453 L29.9999905,27.0000453 Z M35.9999666,49.9999905 L35.9999666,43.8125052 C38.2916281,43.3541733 40.1978736,42.2083421 41.718703,40.3750134 C43.2395324,38.5416848 43.9999475,36.4166898 43.9999475,34.0000286 L43.9999475,34.0000286 L43.9999475,32.0000429 L44.9999452,32.0000429 C45.2916115,32.0000429 45.5311939,31.9062836 45.7186935,31.718784 C45.906193,31.5312845 45.9999428,31.2917021 45.9999428,31.0000429 L45.9999428,31.0000429 L45.9999428,29.0000429 C45.9999428,28.7083742 45.906193,28.4687918 45.7186935,28.2812922 C45.5311939,28.0937927 45.2916115,28.0000429 44.9999452,28.0000429 L44.9999452,28.0000429 L23,28.0000429 C22.7083313,28.0000429 22.4687489,28.0937927 22.2812493,28.2812922 C22.0937498,28.4687918 22,28.7083742 22,29.0000429 L22,29.0000429 L22,31.0000429 C22,31.2917021 22.0937498,31.5312845 22.2812493,31.718784 C22.4687489,31.9062836 22.7083313,32.0000429 23,32.0000429 L23,32.0000429 L24,32.0000429 L24,34.0000286 C24,36.4166898 24.7604104,38.5416848 26.2812398,40.3750134 C27.8020692,42.2083421 29.7083146,43.3541733 31.9999762,43.8125052 L31.9999762,43.8125052 L31.9999762,49.9999905 L35.9999666,49.9999905 Z"
+            id="p"
+            fill="#292A33"
+            fillRule="nonzero"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default AccountElectricIcon;

package/src/components/molecules/obligation/icons/AccountGarbageIcon.js

@@ -0,0 +1,94 @@
+import React from "react";
+
+const AccountGarbageIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="account-garbage-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
+      <filter
+        x="-17.2%"
+        y="-14.2%"
+        width="134.3%"
+        height="134.3%"
+        filterUnits="objectBoundingBox"
+        id="account-garbage-filter-2"
+      >
+        <feOffset
+          dx="0"
+          dy="-4"
+          in="SourceAlpha"
+          result="shadowOffsetOuter1"
+        ></feOffset>
+        <feColorMatrix
+          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
+          type="matrix"
+          in="shadowOffsetOuter1"
+          result="shadowMatrixOuter1"
+        ></feColorMatrix>
+        <feOffset
+          dx="0"
+          dy="2"
+          in="SourceAlpha"
+          result="shadowOffsetOuter2"
+        ></feOffset>
+        <feGaussianBlur
+          stdDeviation="3.5"
+          in="shadowOffsetOuter2"
+          result="shadowBlurOuter2"
+        ></feGaussianBlur>
+        <feColorMatrix
+          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
+          type="matrix"
+          in="shadowBlurOuter2"
+          result="shadowMatrixOuter2"
+        ></feColorMatrix>
+        <feMerge>
+          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+        </feMerge>
+      </filter>
+    </defs>
+    <g
+      id="account-garbage-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(-91.000000, -453.000000)">
+        <g
+          id="account-garbage-Profile-Obligation-Icon-/-Account---Trash-pickup"
+          transform="translate(98.000000, 458.000000)"
+        >
+          <g id="Oval-Copy-6">
+            <use
+              fill="black"
+              fillOpacity="1"
+              filter="url(#account-garbage-filter-2)"
+              xlinkHref="#account-garbage-path-1"
+            ></use>
+            <use
+              fill="#FFFFFF"
+              fillRule="evenodd"
+              xlinkHref="#account-garbage-path-1"
+            ></use>
+          </g>
+          <path
+            d="M47.249935,24.0000525 C47.4582675,24.0000525 47.6353511,23.9271356 47.7811838,23.781303 C47.9270164,23.6354703 47.9999332,23.4583868 47.9999332,23.2500542 L47.9999332,21.5000668 C47.9999332,21.0833924 47.8541006,20.7292272 47.5624343,20.4375609 C47.270768,20.1458947 46.9166028,20.0000668 46.4999368,20.0000668 L39.4999535,20.0000668 L38.9374548,18.8125648 C38.8124551,18.5625654 38.6249556,18.3646489 38.3749562,18.2188162 C38.1249568,18.0729836 37.8541244,18.0000668 37.5624581,18.0000668 L30.4374751,18.0000668 C30.1458088,18.0000668 29.8749765,18.0729836 29.6249771,18.2188162 C29.3749776,18.3646489 29.1874781,18.5625654 29.0624784,18.8125648 L28.4999797,20.0000668 L21.5,20.0000668 C21.0833304,20.0000668 20.7291652,20.1458947 20.437499,20.4375609 C20.1458327,20.7292272 20,21.0833924 20,21.5000668 L20,23.2500542 C20,23.4583868 20.0729168,23.6354703 20.2187495,23.781303 C20.3645821,23.9271356 20.5416657,24.0000525 20.7499982,24.0000525 L47.249935,24.0000525 Z M42.9999452,49.9999905 C43.8332762,49.9999905 44.5416085,49.7083242 45.1249401,49.1249925 C45.7082717,48.5416609 45.999938,47.8333286 45.999938,46.9999976 L45.999938,26.7500459 C45.999938,26.5417134 45.9270212,26.3646298 45.7811885,26.2187972 C45.6353559,26.0729645 45.4582723,26.0000477 45.2499398,26.0000477 L22.7499934,26.0000477 C22.5416609,26.0000477 22.3645774,26.0729645 22.2187447,26.2187972 C22.072912,26.3646298 21.9999952,26.5417134 21.9999952,26.7500459 L21.9999952,46.9999976 C21.9999952,47.8333286 22.2916615,48.5416609 22.8749931,49.1249925 C23.4583248,49.7083242 24.1666571,49.9999905 24.9999952,49.9999905 L42.9999452,49.9999905 Z M27.9999833,46 C27.7083146,46 27.4687322,45.9062502 27.2812326,45.7187507 C27.0937331,45.5312511 26.9999833,45.2916687 26.9999833,45.0000024 L26.9999833,31.0000381 C26.9999833,30.7083695 27.0937331,30.468787 27.2812326,30.2812875 C27.4687322,30.0937879 27.7083146,30.0000381 27.9999833,30.0000381 C28.2916472,30.0000381 28.5312297,30.0937879 28.7187292,30.2812875 C28.9062288,30.468787 28.9999833,30.7083695 28.9999833,31.0000381 L28.9999833,45.0000024 C28.9999833,45.2916687 28.9062288,45.5312511 28.7187292,45.7187507 C28.5312297,45.9062502 28.2916472,46 27.9999833,46 Z M33.999969,46 C33.7083003,46 33.4687179,45.9062502 33.2812183,45.7187507 C33.0937188,45.5312511 32.999969,45.2916687 32.999969,45.0000024 L32.999969,31.0000381 C32.999969,30.7083695 33.0937188,30.468787 33.2812183,30.2812875 C33.4687179,30.0937879 33.7083003,30.0000381 33.999969,30.0000381 C34.2916329,30.0000381 34.5312154,30.0937879 34.7187149,30.2812875 C34.9062145,30.468787 34.999969,30.7083695 34.999969,31.0000381 L34.999969,45.0000024 C34.999969,45.2916687 34.9062145,45.5312511 34.7187149,45.7187507 C34.5312154,45.9062502 34.2916329,46 33.999969,46 Z M39.9999547,46 C39.708286,46 39.4687036,45.9062502 39.281204,45.7187507 C39.0937045,45.5312511 38.9999547,45.2916687 38.9999547,45.0000024 L38.9999547,31.0000381 C38.9999547,30.7083695 39.0937045,30.468787 39.281204,30.2812875 C39.4687036,30.0937879 39.708286,30.0000381 39.9999547,30.0000381 C40.2916186,30.0000381 40.531201,30.0937879 40.7187006,30.2812875 C40.9062002,30.468787 40.9999547,30.7083695 40.9999547,31.0000381 L40.9999547,45.0000024 C40.9999547,45.2916687 40.9062002,45.5312511 40.7187006,45.7187507 C40.531201,45.9062502 40.2916186,46 39.9999547,46 Z"
+            id="t"
+            fill="#292A33"
+            fillRule="nonzero"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default AccountGarbageIcon;

package/src/components/molecules/obligation/icons/AccountGasIcon.js

@@ -0,0 +1,94 @@
+import React from "react";
+
+const AccountGasIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="account-gas-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
+      <filter
+        x="-17.2%"
+        y="-14.2%"
+        width="134.3%"
+        height="134.3%"
+        filterUnits="objectBoundingBox"
+        id="account-gas-filter-2"
+      >
+        <feOffset
+          dx="0"
+          dy="-4"
+          in="SourceAlpha"
+          result="shadowOffsetOuter1"
+        ></feOffset>
+        <feColorMatrix
+          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
+          type="matrix"
+          in="shadowOffsetOuter1"
+          result="shadowMatrixOuter1"
+        ></feColorMatrix>
+        <feOffset
+          dx="0"
+          dy="2"
+          in="SourceAlpha"
+          result="shadowOffsetOuter2"
+        ></feOffset>
+        <feGaussianBlur
+          stdDeviation="3.5"
+          in="shadowOffsetOuter2"
+          result="shadowBlurOuter2"
+        ></feGaussianBlur>
+        <feColorMatrix
+          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
+          type="matrix"
+          in="shadowBlurOuter2"
+          result="shadowMatrixOuter2"
+        ></feColorMatrix>
+        <feMerge>
+          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+        </feMerge>
+      </filter>
+    </defs>
+    <g
+      id="account-gas-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(-91.000000, -339.000000)">
+        <g
+          id="account-gas-Profile-Obligation-Icon-/-Account---Gas"
+          transform="translate(98.000000, 344.000000)"
+        >
+          <g id="Oval-Copy-6">
+            <use
+              fill="black"
+              fillOpacity="1"
+              filter="url(#account-gas-filter-2)"
+              xlinkHref="#account-gas-path-1"
+            ></use>
+            <use
+              fill="#FFFFFF"
+              fillRule="evenodd"
+              xlinkHref="#account-gas-path-1"
+            ></use>
+          </g>
+          <path
+            d="M33.9999714,49.9999905 C36.1666332,49.9999905 38.1666284,49.4583248 39.9999571,48.3749943 C41.8332857,47.2916639 43.2916162,45.8333334 44.3749467,44.0000048 C45.4582771,42.1666761 45.9999428,40.1666809 45.9999428,38.0000191 C45.9999428,36.1666904 45.6874435,34.4583605 45.062445,32.8750313 C44.5207793,31.6250343 43.7291152,30.3958702 42.6874507,29.1875401 C42.0624522,28.4792088 41.0832875,27.5000441 39.7499577,26.2500471 C38.2916281,24.9167173 37.3124635,23.8750528 36.8124647,23.1250545 C35.9374668,21.9583903 35.4999678,20.7500602 35.4999678,19.5000632 C35.4999678,19.0000644 35.3333012,18.6146483 34.999969,18.3438159 C34.6666368,18.0729836 34.2708038,17.9583999 33.8124718,18.0000668 C33.3541399,18.0417336 32.9999738,18.2708991 32.7499744,18.6875651 C31.1666451,20.9375598 30.2708133,22.937555 30.0624808,24.6875508 C29.8541483,26.1042144 30.1041477,27.3958774 30.812479,28.5625416 C31.229145,29.2708729 32.041643,30.2083707 33.2499732,31.3750349 C34.166638,32.2916997 34.7916365,33.000031 35.1249687,33.5000298 C35.7083003,34.2916949 35.9999666,35.1250259 35.9999666,36.0000238 C35.9999666,37.1250212 35.6041345,38.0729359 34.8124695,38.8437671 C34.0208044,39.6145982 33.0728906,40.0000143 31.9687262,40.0000143 C30.8645619,40.0000143 29.9270641,39.6041822 29.1562329,38.8125171 C28.3854018,38.020852 27.9999857,37.0625213 27.9999857,35.937524 L27.9999857,35.937524 L27.9999857,30.6250367 C27.9999857,30.1667047 27.854153,29.8021216 27.5624867,29.5312893 C27.2708204,29.2604569 26.9166553,29.1146233 26.4999893,29.0937903 C26.0833233,29.0729573 25.7291581,29.229207 25.4374918,29.5625392 C24.4791611,30.5625368 23.687496,31.729201 23.0624975,33.0625308 C22.3541661,34.6458601 22,36.2916901 22,38.0000191 C22,40.1666809 22.5416657,42.1666761 23.6249961,44.0000048 C24.7083266,45.8333334 26.1666571,47.2916639 27.9999857,48.3749943 C29.8333143,49.4583248 31.8333096,49.9999905 33.9999714,49.9999905 Z"
+            id="f"
+            fill="#292A33"
+            fillRule="nonzero"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default AccountGasIcon;

package/src/components/molecules/obligation/icons/AccountGenericIcon.js

@@ -0,0 +1,89 @@
+import React from "react";
+
+const AccountGenericIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="account-generic-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
+      <filter
+        x="-17.2%"
+        y="-14.2%"
+        width="134.3%"
+        height="134.3%"
+        filterUnits="objectBoundingBox"
+        id="account-generic-filter-2"
+      >
+        <feOffset
+          dx="0"
+          dy="-4"
+          in="SourceAlpha"
+          result="shadowOffsetOuter1"
+        ></feOffset>
+        <feColorMatrix
+          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
+          type="matrix"
+          in="shadowOffsetOuter1"
+          result="shadowMatrixOuter1"
+        ></feColorMatrix>
+        <feOffset
+          dx="0"
+          dy="2"
+          in="SourceAlpha"
+          result="shadowOffsetOuter2"
+        ></feOffset>
+        <feGaussianBlur
+          stdDeviation="3.5"
+          in="shadowOffsetOuter2"
+          result="shadowBlurOuter2"
+        ></feGaussianBlur>
+        <feColorMatrix
+          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
+          type="matrix"
+          in="shadowBlurOuter2"
+          result="shadowMatrixOuter2"
+        ></feColorMatrix>
+        <feMerge>
+          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+        </feMerge>
+      </filter>
+    </defs>
+    <g
+      id="AccountGeneric"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="AccountGenericIcon" transform="translate(7.000000, 5.000000)">
+        <g id="Oval-Copy-6">
+          <use
+            fill="black"
+            fillOpacity="1"
+            filter="url(#account-generic-filter-2)"
+            xlinkHref="#account-generic-path-1"
+          ></use>
+          <use
+            fill="#FFFFFF"
+            fillRule="evenodd"
+            xlinkHref="#account-generic-path-1"
+          ></use>
+        </g>
+        <path
+          d="M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M40.9999547,40.0000143 L26.9999905,40.0000143 C26.7083218,40.0000143 26.4687393,39.9062645 26.2812398,39.718765 C26.0937402,39.5312654 25.9999905,39.291683 25.9999905,39.0000167 L25.9999905,39.0000167 L25.9999905,33.0000334 C25.9999905,32.7083647 26.0937402,32.4687823 26.2812398,32.2812827 C26.4687393,32.0937832 26.7083218,32.0000334 26.9999905,32.0000334 L26.9999905,32.0000334 L40.9999547,32.0000334 C41.291621,32.0000334 41.5312034,32.0937832 41.718703,32.2812827 C41.9062025,32.4687823 41.9999523,32.7083647 41.9999523,33.0000334 L41.9999523,33.0000334 L41.9999523,39.0000167 C41.9999523,39.291683 41.9062025,39.5312654 41.718703,39.718765 C41.5312034,39.9062645 41.291621,40.0000143 40.9999547,40.0000143 L40.9999547,40.0000143 Z M39.9999571,38.0000286 L39.9999571,34.0000286 L27.9999857,34.0000286 L27.9999857,38.0000286 L39.9999571,38.0000286 Z M41.4999535,46.0000048 L36.4999666,46.0000048 C36.3749657,46.0000048 36.260383,45.9479171 36.1562162,45.8437504 C36.0520495,45.7395836 35.9999666,45.6250009 35.9999666,45.5000048 L35.9999666,45.5000048 L35.9999666,44.5000048 C35.9999666,44.3750039 36.0520495,44.2604211 36.1562162,44.1562544 C36.260383,44.0520877 36.3749657,44.0000048 36.4999666,44.0000048 L36.4999666,44.0000048 L41.4999535,44.0000048 C41.6249532,44.0000048 41.739536,44.0520877 41.8437027,44.1562544 C41.9478694,44.2604211 41.9999523,44.3750039 41.9999523,44.5000048 L41.9999523,44.5000048 L41.9999523,45.5000048 C41.9999523,45.6250009 41.9478694,45.7395836 41.8437027,45.8437504 C41.739536,45.9479171 41.6249532,46.0000048 41.4999535,46.0000048 L41.4999535,46.0000048 Z"
+          id="f"
+          fill="#292A33"
+          fillRule="nonzero"
+        ></path>
+      </g>
+    </g>
+  </svg>
+);
+
+export default AccountGenericIcon;

package/src/components/molecules/obligation/icons/AccountMedicalIcon.js

@@ -0,0 +1,94 @@
+import React from "react";
+
+const AccountMedicalIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="account-medical-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
+      <filter
+        x="-17.2%"
+        y="-14.2%"
+        width="134.3%"
+        height="134.3%"
+        filterUnits="objectBoundingBox"
+        id="account-medical-filter-2"
+      >
+        <feOffset
+          dx="0"
+          dy="-4"
+          in="SourceAlpha"
+          result="shadowOffsetOuter1"
+        ></feOffset>
+        <feColorMatrix
+          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
+          type="matrix"
+          in="shadowOffsetOuter1"
+          result="shadowMatrixOuter1"
+        ></feColorMatrix>
+        <feOffset
+          dx="0"
+          dy="2"
+          in="SourceAlpha"
+          result="shadowOffsetOuter2"
+        ></feOffset>
+        <feGaussianBlur
+          stdDeviation="3.5"
+          in="shadowOffsetOuter2"
+          result="shadowBlurOuter2"
+        ></feGaussianBlur>
+        <feColorMatrix
+          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
+          type="matrix"
+          in="shadowBlurOuter2"
+          result="shadowMatrixOuter2"
+        ></feColorMatrix>
+        <feMerge>
+          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+        </feMerge>
+      </filter>
+    </defs>
+    <g
+      id="account-medical-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(-91.000000, -110.000000)">
+        <g
+          id="account-medical-Profile-Obligation-Icon-/-Account---Medical"
+          transform="translate(98.000000, 115.000000)"
+        >
+          <g id="Oval-Copy-6">
+            <use
+              fill="black"
+              fillOpacity="1"
+              filter="url(#account-medical-filter-2)"
+              xlinkHref="#account-medical-path-1"
+            ></use>
+            <use
+              fill="#FFFFFF"
+              fillRule="evenodd"
+              xlinkHref="#account-medical-path-1"
+            ></use>
+          </g>
+          <path
+            d="M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M35.4999678,44.0000048 L32.499975,44.0000048 C32.3749753,44.0000048 32.2603925,43.9479219 32.1562258,43.8437551 C32.052059,43.7395884 31.9999857,43.6250057 31.9999857,43.500006 L31.9999857,43.500006 L31.9999857,40.0000143 L28.4999857,40.0000143 C28.3749848,40.0000143 28.2604021,39.9479314 28.1562353,39.8437647 C28.0520686,39.7395979 27.9999857,39.6250152 27.9999857,39.5000155 L27.9999857,39.5000155 L27.9999857,36.5000226 C27.9999857,36.3750229 28.0520686,36.2604402 28.1562353,36.1562735 C28.2604021,36.0521067 28.3749848,36.0000334 28.4999857,36.0000334 L28.4999857,36.0000334 L31.9999857,36.0000334 L31.9999857,32.5000334 C31.9999857,32.3750325 32.052059,32.2604497 32.1562258,32.156283 C32.2603925,32.0521163 32.3749753,32.0000334 32.499975,32.0000334 L32.499975,32.0000334 L35.4999678,32.0000334 C35.6249675,32.0000334 35.7395503,32.0521163 35.843717,32.156283 C35.9478837,32.2604497 35.9999666,32.3750325 35.9999666,32.5000334 L35.9999666,32.5000334 L35.9999666,36.0000334 L39.4999583,36.0000334 C39.624958,36.0000334 39.7395407,36.0521067 39.8437075,36.1562735 C39.9478742,36.2604402 39.9999571,36.3750229 39.9999571,36.5000226 L39.9999571,36.5000226 L39.9999571,39.5000155 C39.9999571,39.6250152 39.9478742,39.7395979 39.8437075,39.8437647 C39.7395407,39.9479314 39.624958,40.0000143 39.4999583,40.0000143 L39.4999583,40.0000143 L35.9999666,40.0000143 L35.9999666,43.500006 C35.9999666,43.6250057 35.9478837,43.7395884 35.843717,43.8437551 C35.7395503,43.9479219 35.6249675,44.0000048 35.4999678,44.0000048 L35.4999678,44.0000048 Z"
+            id="f"
+            fill="#292A33"
+            fillRule="nonzero"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default AccountMedicalIcon;