update new folder icon (#177)

src/assets/icons/NewFolderIcon.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+const NewFolderIcon = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      stroke='currentColor'
+      fill='none'
+      strokeWidth='2'
+      viewBox='0 0 24 24'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      className={className ? className : 'h-4 w-4'}
+      height='1em'
+      width='1em'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path d="M12 19H5C3.89543 19 3 18.1046 3 17V7C3 5.89543 3.89543 5 5 5H9.58579C9.851 5 10.1054 5.10536 10.2929 5.29289L12 7H19C20.1046 7 21 7.89543 21 9V11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M18 14V17M18 20V17M18 17H15M18 17H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+  );
+};
+
+export default NewFolderIcon;

src/components/Menu/NewFolder.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import useStore from '@store/store';
 
-import PlusIcon from '@icon/PlusIcon';
+import NewFolderIcon from '@icon/NewFolderIcon';
 
 const NewFolder = () => {
   const { t } = useTranslation();
@@ -38,7 +38,7 @@ const NewFolder = () => {
         if (!generating) addFolder();
       }}
     >
-      <PlusIcon />{' '}
+      <NewFolderIcon />{' '}
       <span className='hidden md:inline-flex text-white text-sm'>
         {t('newFolder')}
       </span>