diff --git a/src/app/tooltip/tooltip.sample.html b/src/app/tooltip/tooltip.sample.html
index f80ba3f3904..7a2d3de0b73 100644
--- a/src/app/tooltip/tooltip.sample.html
+++ b/src/app/tooltip/tooltip.sample.html
@@ -44,7 +44,7 @@ <h4 class="sample-title">Rich tooltip</h4>
                 <igx-card>
                     <igx-card-content style="padding: 0px;">
                         <div class="location">
-                            <igx-icon class="cursorHover" fontSet="material" name="location_on" [igxTooltipTarget]="locationTooltip"></igx-icon>
+                            <igx-icon class="cursorHover" fontSet="material" [igxTooltipTarget]="locationTooltip">location_on</igx-icon>
 
                             <div class="locationTooltip" #locationTooltip="tooltip" igxTooltip>
                                 <div class="locationTooltipContent">
@@ -61,10 +61,10 @@ <h4 class="sample-title">Rich tooltip</h4>
                     <igx-card-actions>
                         <div class="igx-card-actions__igroup--start">
                             <span igxButton="icon" igxRipple igxRippleCentered="true">
-                                <igx-icon fontSet="material" name="favorite"></igx-icon>
+                                <igx-icon fontSet="material">favorite</igx-icon>
                             </span>
                             <span igxButton="icon" igxRipple igxRippleCentered="true">
-                                <igx-icon fontSet="material" name="share"></igx-icon>
+                                <igx-icon fontSet="material">share</igx-icon>
                             </span>
                         </div>
                     </igx-card-actions>