diff --git a/packages/icons-angular/angular.json b/packages/icons-angular/angular.json
index 215ee0712..c971461fe 100644
--- a/packages/icons-angular/angular.json
+++ b/packages/icons-angular/angular.json
@@ -68,11 +68,11 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "examples:build"
+            "buildTarget": "examples:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "examples:build:production"
+              "buildTarget": "examples:build:production"
             }
           }
         },
@@ -85,7 +85,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "examples:build"
+            "buildTarget": "examples:build"
           }
         }
       }
diff --git a/packages/icons-angular/examples/app/app.component.html b/packages/icons-angular/examples/app/app.component.html
index 4231cf6e0..2456f36a3 100644
--- a/packages/icons-angular/examples/app/app.component.html
+++ b/packages/icons-angular/examples/app/app.component.html
@@ -1,4 +1,4 @@
-<h1>@ant-design/icons-angular</h1>
+<h1>&#64;ant-design/icons-angular</h1>
 
 <h2>Ant Design Icons</h2>
 
diff --git a/packages/icons-angular/package.json b/packages/icons-angular/package.json
index dfce672ab..ddf21c5e0 100644
--- a/packages/icons-angular/package.json
+++ b/packages/icons-angular/package.json
@@ -16,36 +16,36 @@
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "@angular/common": "^16.0.0",
-    "@angular/core": "^16.0.0",
+    "@angular/common": "^17.0.0-rc.3",
+    "@angular/core": "^17.0.0-rc.3",
     "@ant-design/colors": "^7.0.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.0.0",
-    "@angular-eslint/builder": "^16.0.0",
-    "@angular-eslint/eslint-plugin": "^16.0.0",
-    "@angular-eslint/eslint-plugin-template": "^16.0.0",
-    "@angular-eslint/schematics": "^16.0.0",
-    "@angular-eslint/template-parser": "^16.0.0",
-    "@angular/animations": "^16.0.0",
-    "@angular/cli": "^16.0.0",
-    "@angular/compiler": "^16.0.0",
-    "@angular/compiler-cli": "^16.0.0",
-    "@angular/forms": "^16.0.0",
-    "@angular/language-service": "^16.0.0",
-    "@angular/platform-browser": "^16.0.0",
-    "@angular/platform-browser-dynamic": "^16.0.0",
-    "@angular/router": "^16.0.0",
+    "@angular-devkit/build-angular": "^17.0.0-rc.4",
+    "@angular-eslint/builder": "^17.0.0-alpha.0",
+    "@angular-eslint/eslint-plugin": "^17.0.0-alpha.0",
+    "@angular-eslint/eslint-plugin-template": "^17.0.0-alpha.0",
+    "@angular-eslint/schematics": "^17.0.0-alpha.0",
+    "@angular-eslint/template-parser": "^17.0.0-alpha.0",
+    "@angular/animations": "^17.0.0-rc.3",
+    "@angular/cli": "^17.0.0-rc.4",
+    "@angular/compiler": "^17.0.0-rc.3",
+    "@angular/compiler-cli": "^17.0.0-rc.3",
+    "@angular/forms": "^17.0.0-rc.3",
+    "@angular/language-service": "^17.0.0-rc.3",
+    "@angular/platform-browser": "^17.0.0-rc.3",
+    "@angular/platform-browser-dynamic": "^17.0.0-rc.3",
+    "@angular/router": "^17.0.0-rc.3",
     "@ant-design/icons-svg": "^4.0.0",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/lodash": "^4.14.136",
     "@types/node": "^13.9.3",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
     "classlist": "^2.0.0",
     "cross-env": "^5.2.0",
-    "eslint": "^8.39.0",
+    "eslint": "^8.53.0",
     "fs-extra": "^7.0.0",
     "globby": "^8.0.1",
     "jasmine-core": "^4.6.0",
@@ -57,11 +57,11 @@
     "karma-jasmine-html-reporter": "^2.0.0",
     "karma-spec-reporter": "^0.0.36",
     "lodash": "^4.17.11",
-    "ng-packagr": "^16.0.0",
+    "ng-packagr": "^17.0.0-rc.1",
     "prettier": "^2.8.8",
     "rxjs": "^7.8.0",
     "ts-node": "~10.9.0",
-    "typescript": "~5.0.4",
-    "zone.js": "~0.13.0"
+    "typescript": "~5.2.2",
+    "zone.js": "~0.14.2"
   }
 }
diff --git a/packages/icons-angular/src/component/icon.spec.ts b/packages/icons-angular/src/component/icon.spec.ts
index 22e996253..c653a2d68 100644
--- a/packages/icons-angular/src/component/icon.spec.ts
+++ b/packages/icons-angular/src/component/icon.spec.ts
@@ -6,6 +6,7 @@ import { AccountBookFill, AccountBookOutline, AccountBookTwoTone } from '../icon
 import { IconDirective } from './icon.directive';
 import { IconModule } from './icon.module';
 import { IconService } from './icon.service';
+import { ThemeType } from '@ant-design/icons-angular'
 
 const staticImportIcons = [
   AccountBookFill, AccountBookOutline, AccountBookTwoTone
@@ -198,5 +199,5 @@ describe('@ant-design/icons-angular', () => {
 })
 export class IconTestComponent {
   type = 'account-book';
-  theme = 'fill';
+  theme: ThemeType = 'fill';
 }