Add home and bookkeeper svgs

Author: ShahanaFarooqui

apps/frontend/src/svgs/Bookkeeper.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export const BookkeeperSVG = props => {
+  return (
+    <svg
+      fill='#3a4247'
+      width='20'
+      height='20'
+      viewBox='0 0 64 64'
+      style={{ fillRule: 'evenodd', clipRule: 'evenodd', strokeLinejoin: 'round', strokeMiterlimit: 2 }}
+      version='1.1'
+      xmlSpace='preserve'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <g id='ICON'>
+        <path d='M13,8l-1,0c-0.796,0 -1.559,0.316 -2.121,0.879c-0.563,0.562 -0.879,1.325 -0.879,2.121c0,0.329 0,0.671 0,1c-0,0.796 0.316,1.559 0.879,2.121c0.562,0.563 1.325,0.879 2.121,0.879l1,-0l0,4l-1,0c-0.796,0 -1.559,0.316 -2.121,0.879c-0.563,0.562 -0.879,1.325 -0.879,2.121c0,0.329 0,0.671 0,1c-0,0.796 0.316,1.559 0.879,2.121c0.562,0.563 1.325,0.879 2.121,0.879l1,-0l0,4l-1,0c-0.796,0 -1.559,0.316 -2.121,0.879c-0.563,0.562 -0.879,1.325 -0.879,2.121c0,0.329 0,0.671 0,1c-0,0.796 0.316,1.559 0.879,2.121c0.562,0.563 1.325,0.879 2.121,0.879l1,-0l0,4l-1,0c-0.796,0 -1.559,0.316 -2.121,0.879c-0.563,0.562 -0.879,1.325 -0.879,2.121c0,0.329 0,0.671 0,1c-0,0.796 0.316,1.559 0.879,2.121c0.562,0.563 1.325,0.879 2.121,0.879l1,-0l0,8c0,2.76 2.24,5 5,5c1.871,0 24.992,0 32,-0c0.796,0 1.559,-0.316 2.121,-0.879c0.563,-0.562 0.879,-1.325 0.879,-2.121l0,-52c-0,-0.796 -0.316,-1.559 -0.879,-2.121c-0.562,-0.563 -1.325,-0.879 -2.121,-0.879l-34,0c-0.796,-0 -1.559,0.316 -2.121,0.879c-0.563,0.562 -0.879,1.325 -0.879,2.121l0,2Zm38,45l0,5c-0,0.265 -0.105,0.52 -0.293,0.707c-0.187,0.188 -0.442,0.293 -0.707,0.293l-32,0c-1.656,0 -3,-1.344 -3,-3c0,-1.656 1.344,-3 3,-3l33,0Zm-36,-5l0,4.001c0.836,-0.629 1.875,-1.001 3,-1.001l4,0l0,-46l-6,-0c-0.265,-0 -0.52,0.105 -0.707,0.293c-0.188,0.187 -0.293,0.442 -0.293,0.707l0,2l3,0c0.552,-0 1,0.448 1,1l0,5c0,0.552 -0.448,1 -1,1l-3,-0c0,0 0,4 0,4l3,0c0.552,-0 1,0.448 1,1l0,5c0,0.552 -0.448,1 -1,1l-3,-0c0,0 0,4 0,4l3,0c0.552,-0 1,0.448 1,1l0,5c0,0.552 -0.448,1 -1,1l-3,-0l0,4l3,0c0.552,-0 1,0.448 1,1l0,5c0,0.552 -0.448,1 -1,1l-3,-0Zm9,-29l0,32l27,0l0,-32l-27,0Zm-7,27l-5,0c-0.265,-0 -0.52,-0.105 -0.707,-0.293c-0.188,-0.187 -0.293,-0.442 -0.293,-0.707l-0,-1c-0,-0.265 0.105,-0.52 0.293,-0.707c0.187,-0.188 0.442,-0.293 0.707,-0.293l5,0l0,3Zm32,-10.5c0,-0.552 -0.448,-1 -1,-1l-21,0c-0.552,-0 -1,0.448 -1,1l0,6.5c0,0.552 0.448,1 1,1l21,0c0.552,0 1,-0.448 1,-1l0,-6.5Zm-2,1l0,4.5c0,0 -19,0 -19,0c0,0 0,-4.5 0,-4.5l19,-0Zm-30,-1.5l-5,0c-0.265,-0 -0.52,-0.105 -0.707,-0.293c-0.188,-0.187 -0.293,-0.442 -0.293,-0.707l-0,-1c-0,-0.265 0.105,-0.52 0.293,-0.707c0.187,-0.188 0.442,-0.293 0.707,-0.293l5,0l0,3Zm32,-10.75c0,-0.552 -0.448,-1 -1,-1l-21,0c-0.552,0 -1,0.448 -1,1l0,7c0,0.552 0.448,1 1,1l21,0c0.552,0 1,-0.448 1,-1l0,-7Zm-2,1l0,5c0,0 -19,0 -19,0c0,-0 0,-5 0,-5l19,0Zm-30,-4.25l0,3c-0,0 -5,0 -5,0c-0.265,-0 -0.52,-0.105 -0.707,-0.293c-0.188,-0.187 -0.293,-0.442 -0.293,-0.707l-0,-1c-0,-0.265 0.105,-0.52 0.293,-0.707c0.187,-0.188 0.442,-0.293 0.707,-0.293l5,0Zm24,-16l-17,-0l0,12l27,0l0,-11c-0,-0.265 -0.105,-0.52 -0.293,-0.707c-0.187,-0.188 -0.442,-0.293 -0.707,-0.293l-1,0l0,8c0,0.404 -0.244,0.769 -0.617,0.924c-0.374,0.155 -0.804,0.069 -1.09,-0.217c-0,0 -2.293,-2.293 -2.293,-2.293l-2.293,2.293c-0.286,0.286 -0.716,0.372 -1.09,0.217c-0.373,-0.155 -0.617,-0.52 -0.617,-0.924l0,-8Zm-24,5l0,3c-0,0 -5,0 -5,0c-0.265,-0 -0.52,-0.105 -0.707,-0.293c-0.188,-0.187 -0.293,-0.442 -0.293,-0.707l-0,-1c-0,-0.265 0.105,-0.52 0.293,-0.707c0.187,-0.188 0.442,-0.293 0.707,-0.293l5,0Zm30,-5l0,5.586c-0,-0 -1.293,-1.293 -1.293,-1.293c-0.39,-0.391 -1.024,-0.391 -1.414,-0l-1.293,1.293c0,-0 0,-5.586 0,-5.586l4,0Z' />
+      </g>
+    </svg>
+  );
+};

apps/frontend/src/svgs/Home.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export const HomeSVG = props => {
+  return (
+    <svg 
+      className={props.className}
+      width='22'
+      height='22'
+      viewBox='0 0 640 640'
+      fill='none'
+      style={{ marginTop: '-4px' }}
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path 
+        d='M304 70.1C313.1 61.9 326.9 61.9 336 70.1L568 278.1C577.9 286.9 578.7 302.1 569.8 312C560.9 321.9 545.8 322.7 535.9 313.8L527.9 306.6L527.9 511.9C527.9 547.2 499.2 575.9 463.9 575.9L175.9 575.9C140.6 575.9 111.9 547.2 111.9 511.9L111.9 306.6L103.9 313.8C94 322.6 78.9 321.8 70 312C61.1 302.2 62 287 71.8 278.1L304 70.1zM320 120.2L160 263.7L160 512C160 520.8 167.2 528 176 528L224 528L224 424C224 384.2 256.2 352 296 352L344 352C383.8 352 416 384.2 416 424L416 528L464 528C472.8 528 480 520.8 480 512L480 263.7L320 120.3zM272 528L368 528L368 424C368 410.7 357.3 400 344 400L296 400C282.7 400 272 410.7 272 424L272 528z'
+        className='fill-contrast'
+      />
+    </svg>
+  );
+};