diff --git a/src/components/icon/icon.ts b/src/components/icon/icon.ts
index 976166668..b7d62539d 100644
--- a/src/components/icon/icon.ts
+++ b/src/components/icon/icon.ts
@@ -165,7 +165,7 @@ export default class WaIcon extends WebAwesomeElement {
     }
   }
 
-  @watch(['name', 'src', 'library'])
+  @watch(['family', 'name', 'library', 'variant', 'src'])
   async setIcon() {
     const { url, fromLibrary } = this.getIconSource();
     const library = fromLibrary ? getIconLibrary(this.library) : undefined;