diff --git a/dapp/public/acre.svg b/dapp/public/acre.svg
index 59e8dbf1c..557d8a50e 100644
--- a/dapp/public/acre.svg
+++ b/dapp/public/acre.svg
@@ -1,4 +1,4 @@
diff --git a/dapp/src/components/Header/index.tsx b/dapp/src/components/Header/index.tsx
index 838ed37b2..84ea0a24a 100644
--- a/dapp/src/components/Header/index.tsx
+++ b/dapp/src/components/Header/index.tsx
@@ -1,11 +1,15 @@
import React from "react"
-import { Flex } from "@chakra-ui/react"
+import { Flex, Icon } from "@chakra-ui/react"
import ConnectWallet from "./ConnectWallet"
+import { AcreLogo } from "../../static/icons"
export default function Header() {
return (
-
-
-
+ <>
+
+
+
+
+ >
)
}
diff --git a/dapp/src/static/icons/AcreLogo.tsx b/dapp/src/static/icons/AcreLogo.tsx
new file mode 100644
index 000000000..94059f58a
--- /dev/null
+++ b/dapp/src/static/icons/AcreLogo.tsx
@@ -0,0 +1,13 @@
+import React from "react"
+import { createIcon } from "@chakra-ui/react"
+
+export const AcreLogo = createIcon({
+ displayName: "AcreLogo",
+ viewBox: "0 0 120 71",
+ path: (
+
+ ),
+})
diff --git a/dapp/src/static/icons/index.ts b/dapp/src/static/icons/index.ts
index 66c6e3aa9..c625a102e 100644
--- a/dapp/src/static/icons/index.ts
+++ b/dapp/src/static/icons/index.ts
@@ -2,3 +2,4 @@ export * from "./Info"
export * from "./Bitcoin"
export * from "./Ethereum"
export * from "./ChevronRight"
+export * from "./AcreLogo"