added cloud icon

src/Body/Fields/File/Cloud.js

@@ -0,0 +1,26 @@
+import React from 'react'
+
+const Cloud = ({ icon }) => {
+  return (
+    <svg
+      width={icon.size}
+      height={icon.size}
+      viewBox='0 0 44 44'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <g clip-path='url(#clip0_0_1830)'>
+        <path
+          d='M35.5345 13.1407C34.0484 5.68433 26.7991 0.844641 19.3426 2.33075C13.889 3.41773 9.62466 7.67935 8.53433 13.1324C3.24749 13.7416 -0.544836 18.5212 0.0641117 23.8084C0.62472 28.6743 4.74603 32.3454 9.64413 32.3421H16.5272C17.2875 32.3421 17.9039 31.7257 17.9039 30.9654C17.9039 30.205 17.2875 29.5887 16.5272 29.5887H9.64413C5.8424 29.5662 2.7792 26.4664 2.80136 22.665C2.82385 18.8636 5.92364 15.8001 9.72537 15.8223C10.427 15.8226 11.0164 15.2946 11.0937 14.5973C11.7926 8.55518 17.2573 4.22373 23.2995 4.92264C28.3792 5.51044 32.3864 9.51727 32.9738 14.5973C33.0893 15.307 33.7043 15.827 34.4233 15.8223C38.2251 15.8223 41.3067 18.9039 41.3067 22.7057C41.3067 26.507 38.2251 29.5887 34.4233 29.5887H27.5403C26.7799 29.5887 26.1636 30.205 26.1636 30.9654C26.1636 31.7257 26.7799 32.3421 27.5403 32.3421H34.4237C39.7454 32.3088 44.0329 27.968 44 22.6459C43.9698 17.7995 40.345 13.7296 35.5345 13.1407Z'
+          fill={icon.color}
+        />
+        <path
+          d='M16.9003 35.8094C16.3719 35.2622 15.5005 35.2471 14.9536 35.7755C14.4068 36.3035 14.3917 37.175 14.9197 37.7218C14.9308 37.7336 14.9422 37.7446 14.9536 37.7557L20.792 43.5954C21.3288 44.1339 22.2006 44.1349 22.739 43.5981C22.7397 43.5971 22.7407 43.5965 22.7414 43.5954L28.5798 37.7557C29.1266 37.2277 29.1417 36.3562 28.6137 35.8094C28.0853 35.2625 27.2138 35.2474 26.667 35.7755C26.6556 35.7865 26.6441 35.798 26.6331 35.8094L23.1432 39.3006V21.9741C23.1432 21.2138 22.5269 20.5974 21.7665 20.5974C21.0065 20.5974 20.3902 21.2138 20.3902 21.9741V39.3006L16.9003 35.8094Z'
+          fill={icon.color}
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default Cloud

src/Body/Fields/File/File.js

@@ -5,10 +5,12 @@ import {
   ABORT_REQUEST_CONTROLLERS
 } from './../../../Helpers/files'
 import List from './List'
+import Cloud from './Cloud'
 import { Custom, Input } from 'boomform'
 
 const File = ({
   id,
+  icon,
   initial,
   classnameprefix,
   isMultiple = false,
@@ -189,6 +191,7 @@ const File = ({
                       onDrop={handleFileDrop}
                       onClick={() => fileInputRef.current.click()}
                     >
+                      {icon.enabled ? <Cloud icon={icon} /> : null}
                       <div className='boomFileUpload-input__content'>
                         {inputContent ||
                           `Drag File${