diff --git a/libs/react/package.json b/libs/react/package.json
index 6bc6057fc..b7d7b4f08 100644
--- a/libs/react/package.json
+++ b/libs/react/package.json
@@ -37,7 +37,8 @@
     "rollup": "rollup -c"
   },
   "dependencies": {
-    "@sage/core": "^0.0.1-alpha"
+    "@sage/core": "^0.0.1-alpha",
+    "@sage/icons": "*"
   },
   "devDependencies": {
     "@types/jest": "^29.1.2",
diff --git a/libs/react/src/components/proxies.ts b/libs/react/src/components/proxies.ts
index 5461fa730..6439789b6 100644
--- a/libs/react/src/components/proxies.ts
+++ b/libs/react/src/components/proxies.ts
@@ -10,6 +10,7 @@ import { applyPolyfills, defineCustomElements } from '@sage/core/loader';
 applyPolyfills().then(() => defineCustomElements());
 export const MyComponent = /*@__PURE__*/createReactComponent<JSX.MyComponent, HTMLMyComponentElement>('my-component');
 export const SageButton = /*@__PURE__*/createReactComponent<JSX.SageButton, HTMLSageButtonElement>('sage-button');
+export const SageIcon = /*@__PURE__*/createReactComponent<JSX.SageIcon, HTMLSageIconElement>('sage-icon');
 export const SageImage = /*@__PURE__*/createReactComponent<JSX.SageImage, HTMLSageImageElement>('sage-image');
 export const SageInput = /*@__PURE__*/createReactComponent<JSX.SageInput, HTMLSageInputElement>('sage-input');
 export const SageLink = /*@__PURE__*/createReactComponent<JSX.SageLink, HTMLSageLinkElement>('sage-link');