diff --git a/static/usage/v7/icon/basic/angular/example_component_ts.md b/static/usage/v7/icon/basic/angular/example_component_ts.md
index 48b43c838c1..b666e579111 100644
--- a/static/usage/v7/icon/basic/angular/example_component_ts.md
+++ b/static/usage/v7/icon/basic/angular/example_component_ts.md
@@ -1,5 +1,6 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
 
 import { addIcons } from 'ionicons';
 import { logoIonic } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { logoIonic } from 'ionicons/icons';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [IonIcon],
 })
 export class ExampleComponent {
   constructor() {
diff --git a/static/usage/v8/icon/basic/angular.md b/static/usage/v8/icon/basic/angular.md
deleted file mode 100644
index 7dba86b2634..00000000000
--- a/static/usage/v8/icon/basic/angular.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```html
-<ion-icon name="logo-ionic"></ion-icon>
-<ion-icon name="logo-ionic" size="large"></ion-icon>
-<ion-icon name="logo-ionic" color="primary"></ion-icon>
-<ion-icon name="logo-ionic" size="large" color="primary"></ion-icon>
-```
diff --git a/static/usage/v8/icon/basic/angular/example_component_ts.md b/static/usage/v8/icon/basic/angular/example_component_ts.md
index 48b43c838c1..b666e579111 100644
--- a/static/usage/v8/icon/basic/angular/example_component_ts.md
+++ b/static/usage/v8/icon/basic/angular/example_component_ts.md
@@ -1,5 +1,6 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
 
 import { addIcons } from 'ionicons';
 import { logoIonic } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { logoIonic } from 'ionicons/icons';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [IonIcon],
 })
 export class ExampleComponent {
   constructor() {