feat: Add Download icon

src/components/Icons/DownloadIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+
+import './styles.css'
+
+const DownloadIcon = () => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_6_9647)">
+      <path d="M19 9H15V3H9V9H5L12 16L19 9ZM5 18V20H19V18H5Z" fill="#323232" />
+    </g>
+    <defs>
+      <clipPath id="clip0_6_9647">
+        <rect width="24" height="24" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+export default DownloadIcon

src/components/UserMenu/UserMenu.css

@@ -11,13 +11,21 @@
   height: 100%;
 }
 
-.dcl .user-menu__jump-in {
+.dcl .user-menu__download {
   padding: 14px 32px;
   margin-left: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 2px;
+}
+
+.dcl .user-menu__download svg g path {
+  fill: var(--text-on-primary);
 }
 
 @media (max-width: 991px) {
-  .dcl .user-menu__jump-in {
+  .dcl .user-menu__download {
     display: none;
   }
 }

src/components/UserMenu/UserMenu.tsx

@@ -14,6 +14,7 @@ import { Row } from '../Row/Row'
 
 import './UserMenu.css'
 import { useTabletAndBelowMediaQuery } from '../Media'
+import DownloadIcon from '../Icons/DownloadIcon'
 
 export const UserMenu = React.memo((props: UserMenuProps) => {
   const {
@@ -164,12 +165,13 @@ export const UserMenu = React.memo((props: UserMenuProps) => {
                 </Button>
               ) : null}
               <Button
-                className="user-menu__jump-in"
+                className="user-menu__download"
                 primary
                 onClick={handleDownload}
                 as={'a'}
                 href={config.get('DOWNLOAD_URL')}
               >
+                <DownloadIcon />
                 {i18n.download}
               </Button>
             </>