replace icon

packages/app/src/components/Icons/TriangleIcon.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const TriangleIcon = (): JSX.Element => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8">
+    <path
+      id="多角形_48"
+      data-name="多角形 48"
+      d="M5.2,1.067a1,1,0,0,1,1.6,0l4,5.333A1,1,0,0,1,10,8H2a1,1,0,0,1-.8-1.6Z"
+      transform="translate(12 8) rotate(180)"
+      fill="#bcbcbc"
+    />
+  </svg>
+);
+
+export default TriangleIcon;

packages/app/src/components/Sidebar/PageTree/Item.tsx

@@ -11,6 +11,8 @@ import ClosableTextInput, { AlertInfo, AlertType } from '../../Common/ClosableTe
 import PageItemControl from '../../Common/Dropdown/PageItemControl';
 import { IPageForPageDeleteModal } from '~/components/PageDeleteModal';
 
+import TriangleIcon from '~/components/Icons/TriangleIcon';
+
 
 interface ItemProps {
   itemNode: ItemNode
@@ -183,7 +185,7 @@ const Item: FC<ItemProps> = (props: ItemProps) => {
           className={`grw-pagetree-button btn ${buttonClass}`}
           onClick={onClickLoadChildren}
         >
-          <i className="icon-control-play"></i>
+          <TriangleIcon />
         </button>
         <a href={page._id} className="grw-pagetree-title-anchor flex-grow-1">
           <p className="grw-pagetree-title m-auto">{nodePath.basename(page.path as string) || '/'}</p>