@@ -463,11 +463,14 @@ If any `CSS` is being overridden for an icon it will need to change to override
 **New Usage Example:**
 
 ```css
-.icon {
+ion-icon {
   fill: #000;
 }
 ```
 
+_Note: we are no longer adding the `icon` class to an `ion-icon`, so the element should be targeted instead._
+
+
 ### Property Removed
 
 The `isActive` property has been removed. It only worked for `ios` icons previously. If you would like to switch between an outline and solid icon you should set it in the `name`, or `ios`/`md` attribute and then change it when needed.
 
@@ -55,7 +55,7 @@
   <ion-icon name="rainy" color="primary"></ion-icon>
 
   <style>
-    .icon {
+    ion-icon {
       font-size: 50px;
       margin: 9px;
     }
Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@`
`55`	`55`	`<ion-icon name="rainy" color="primary"></ion-icon>`
`56`	`56`
`57`	`57`	`<style>`
`58`		`- .icon {`
	`58`	`+ ion-icon {`
`59`	`59`	`font-size: 50px;`
`60`	`60`	`margin: 9px;`
`61`	`61`	`}`