diff --git a/packages/bigcommerce/src/brand/index.ts b/packages/bigcommerce/src/brand/index.ts
new file mode 100644
index 000000000..c61676669
--- /dev/null
+++ b/packages/bigcommerce/src/brand/index.ts
@@ -0,0 +1,6 @@
+import type { Brand } from '@vercel/commerce/types'
+import { Logo } from './logo'
+
+export const brand: Brand.Config = {
+ Logo,
+}
diff --git a/packages/bigcommerce/src/brand/logo.tsx b/packages/bigcommerce/src/brand/logo.tsx
new file mode 100644
index 000000000..72cf4b83c
--- /dev/null
+++ b/packages/bigcommerce/src/brand/logo.tsx
@@ -0,0 +1,15 @@
+export const Logo = ({ className = '', ...props }) => {
+ return (
+
+ )
+}
diff --git a/packages/bigcommerce/src/provider.ts b/packages/bigcommerce/src/provider.ts
index 196855438..0e040611a 100644
--- a/packages/bigcommerce/src/provider.ts
+++ b/packages/bigcommerce/src/provider.ts
@@ -1,3 +1,5 @@
+import { brand } from './brand'
+
import { handler as useCart } from './cart/use-cart'
import { handler as useAddItem } from './cart/use-add-item'
import { handler as useUpdateItem } from './cart/use-update-item'
@@ -18,6 +20,7 @@ import fetcher from './fetcher'
export const bigcommerceProvider = {
locale: 'en-us',
+ brand,
cartCookie: 'bc_cartId',
fetcher,
cart: { useCart, useAddItem, useUpdateItem, useRemoveItem },
diff --git a/packages/shopify/src/brand/logo.tsx b/packages/shopify/src/brand/logo.tsx
index a3715daed..2c6f65385 100644
--- a/packages/shopify/src/brand/logo.tsx
+++ b/packages/shopify/src/brand/logo.tsx
@@ -4,9 +4,10 @@ export const Logo = ({ className = '', ...props }) => (
width={32}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 89 101"
+ {...props}
>