perf: auto load icons (#688)

* perf: icon

* perf: icon

* doc

* perf: simple edit ui

* doc

* doc

* doc

* doc

packages/web/components/common/Icon/delete.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import MyIcon from './index';
+import { IconProps } from '@chakra-ui/react';
+
+const DeleteIcon = (props: IconProps) => {
+  return (
+    <MyIcon
+      className="delete"
+      name={'delete' as any}
+      w={'14px'}
+      _hover={{ color: 'red.600' }}
+      display={['block', 'none']}
+      cursor={'pointer'}
+      {...props}
+    />
+  );
+};
+
+export default DeleteIcon;
+
+export const hoverDeleteStyles = {
+  '& .delete': {
+    display: 'block'
+  }
+};