fix(tabs): replace glyph icon

Author: emyarod

packages/components/src/components/tabs/_tabs.scss

@@ -62,8 +62,6 @@
   .#{$prefix}--tabs-trigger svg {
     position: absolute;
     right: $spacing-05;
-    width: rem(12px);
-    height: rem(7px);
     fill: $ui-05;
     transition: transform $duration--fast-01 motion(standard, productive);
   }

packages/components/src/components/tabs/tabs.hbs

@@ -8,7 +8,7 @@
 <div data-tabs class="{{@root.prefix}}--tabs{{#if container}} {{@root.prefix}}--tabs--container{{/if}}">
   <div class="{{@root.prefix}}--tabs-trigger" tabindex="0">
     <a href="javascript:void(0)" class="{{@root.prefix}}--tabs-trigger-text" tabindex="-1"></a>
-    {{ carbon-icon 'ChevronDownGlyph' }}
+    {{ carbon-icon 'ChevronDown16' }}
   </div>
   <ul class="{{@root.prefix}}--tabs__nav {{@root.prefix}}--tabs__nav--hidden" role="tablist">
     {{#each items}}

packages/react/src/components/Tabs/Tabs.js

@@ -8,7 +8,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import classNames from 'classnames';
-import { ChevronDownGlyph } from '@carbon/icons-react';
+import { ChevronDown16 } from '@carbon/icons-react';
 import { settings } from 'carbon-components';
 import { keys, match, matches } from '../../internal/keyboard';
 
@@ -294,9 +294,9 @@ export default class Tabs extends React.Component {
               onClick={this.handleDropdownClick}>
               {selectedLabel}
             </a>
-            <ChevronDownGlyph aria-hidden="true">
+            <ChevronDown16 aria-hidden="true">
               {iconDescription && <title>{iconDescription}</title>}
-            </ChevronDownGlyph>
+            </ChevronDown16>
           </div>
           <ul role="tablist" className={classes.tablist}>
             {tabsWithProps}