diff --git a/packages/app/src/components/Icons/index.jsx b/packages/app/src/components/Icons/index.jsx
index fc6f3011..0cda33a5 100755
--- a/packages/app/src/components/Icons/index.jsx
+++ b/packages/app/src/components/Icons/index.jsx
@@ -4,7 +4,8 @@ import React from "react"
 import * as lib1 from "feather-reactjs"
 import * as lib2 from "react-icons/md"
 import * as lib3 from "@ant-design/icons"
-import * as lib4 from "react-icons/si"
+import * as lib4 from "react-icons/io"
+import * as lib5 from "react-icons/si"
 
 const marginedStyle = { width: "1em", height: "1em", marginRight: "10px", verticalAlign: "-0.125em" }
 
@@ -18,6 +19,7 @@ export const Icons = {
     ...lib2,
     ...lib3,
     ...lib4,
+    ...lib5,
 }
 
 export function createIconRender(icon, props) {