Add ant dseign icon

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@ant-design/icons": "^4.7.0",
     "antd": "^4.19.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -33,6 +34,7 @@
     ]
   },
   "devDependencies": {
+    "@craco/craco": "^6.4.3",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
@@ -40,7 +42,6 @@
     "@types/node": "^16.7.13",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@craco/craco": "^6.4.3",
     "craco-less": "^2.0.0",
     "react-scripts": "5.0.0",
     "typescript": "^4.4.2"

src/App.tsx

@@ -1,3 +1,4 @@
+import { PlusCircleFilled } from "@ant-design/icons";
 import { Button } from "antd";
 import React from "react";
 import "./App.less";
@@ -20,7 +21,7 @@ function App() {
     <div className="App">
       <header className="App-header">
         <>Hello World</>
-        <Button onClick={onCreate} type={"primary"}>
+        <Button icon={<PlusCircleFilled />} onClick={onCreate} type={"primary"}>
           Create me
         </Button>
         {coms.map((com: any) => (