fix(tabs): don't add outline to the class name if it is a logo icon

fixes #6899

Author: brandyscarney

src/components/icon/icon.ts

@@ -143,7 +143,7 @@ export class Icon {
       css += this._name;
     }
 
-    if (this.mode === 'ios' && !this.isActive) {
+    if (this.mode === 'ios' && !this.isActive && css.indexOf('logo') < 0) {
       css += '-outline';
     }
 

src/components/tabs/test/basic/index.ts

@@ -224,7 +224,7 @@ export class Tab3 {
     <ion-tabs #content (ionChange)="onChange($event)">
       <ion-tab tabTitle="Plain List" tabIcon="star" [root]="root1" (ionSelect)="onSelect($event)"></ion-tab>
       <ion-tab tabTitle="Schedule" tabIcon="globe" [root]="root2"></ion-tab>
-      <ion-tab tabTitle="Stopwatch" tabIcon="stopwatch" [root]="root3"></ion-tab>
+      <ion-tab tabTitle="Stopwatch" tabIcon="logo-facebook" [root]="root3"></ion-tab>
       <ion-tab tabTitle="Messages" tabIcon="chatboxes" [root]="root1"></ion-tab>
       <ion-tab tabTitle="My Profile" tabIcon="person" [root]="root2"></ion-tab>
     </ion-tabs>