Added new icon for dive deeper card (#646)

* Added new icon for dive deeper card

* Fixed missing import

src/helpers/help-card-data.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import {
   GettingStartedIcon,
+  DiveDeeperIcon,
   TutorialsIcon,
   HowToVideosIcon,
   FaqIcon,
@@ -16,6 +17,12 @@ const helpCardData = [
     highlightColor: 'blue-light',
     link: '/help/getting-started'
   },
+  {
+    id: 'dive-deeper',
+    icon: <DiveDeeperIcon />,
+    highlightColor: 'yellow-light',
+    link: '/help/dive-deeper'
+  },
   {
     id: 'tutorials',
     icon: <TutorialsIcon />,

src/helpers/icons.js

@@ -20,6 +20,19 @@ export const GettingStartedIcon = () => (
   </svg>
 );
 
+export const DiveDeeperIcon = () => (
+  <svg
+    width="28"
+    height="28"
+    viewBox="0 0 28 28"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <rect width="28" height="28" rx="6" fill="#FFD208" />
+    <path d="M21.2813 7.47642C21.0509 7.2812 20.7808 7.141 20.4906 7.06604C20.2004 6.99107 19.8975 6.98324 19.604 7.04311L16.982 7.72442C16.3676 7.83867 15.8119 8.16968 15.4118 8.65974C15.0117 9.14981 14.7926 9.76783 14.7927 10.4061V20.1385L14 20.2618L13.1923 20.125V10.3926C13.1947 9.76071 12.981 9.14777 12.5882 8.65974C12.1954 8.17171 11.6481 7.83926 11.0409 7.71983L8.35733 7.03289C8.06918 6.97941 7.77305 6.99126 7.48987 7.0676C7.20669 7.14395 6.94337 7.28291 6.71852 7.47469C6.49367 7.66646 6.31277 7.90636 6.18862 8.17744C6.06446 8.44851 6.00007 8.74414 6 9.04345V20.5127L14 22L22 20.5127V9.04345C22 8.74436 21.9357 8.44894 21.8115 8.17813C21.6873 7.90731 21.5063 7.66775 21.2813 7.47642Z" fill="white"/>
+</svg>
+);
+
 export const TutorialsIcon = () => (
   <svg
     width="100%"