MD Settings: convert paper-icon-button to paper-icon-button-light.

chrome/browser/resources/settings/internet_page/internet_subpage.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="../settings_shared_css.html">
 
 <dom-module id="settings-internet-subpage">
   <template>
     <style include="settings-shared iron-flex">
       #networkListDiv {
         /* cr-network-list is padded to the right to allow space for a ripple */
         -webkit-padding-end: calc(var(--settings-box-row-padding) -
@@ skipping 31 matching lines @@
       }
     </style>
 
     <template is="dom-if" if="[[enableToggleIsVisible_(deviceState)]]">
       <div class="settings-box first">
         <div id="onOff" class="start" on$="[[deviceIsEnabled_(deviceState)]]">
           [[getOffOnString_(deviceState,
             '$i18nPolymer{deviceOn}', '$i18nPolymer{deviceOff}')]]
         </div>
         <!-- The add button in this row is only shown for WiFi networks. -->
-        <paper-icon-button id="addButton" icon="settings:add-wifi"
+        <button is="paper-icon-button-light" id="addButton"
             hidden$="[[!showAddButton_(deviceState, globalPolicy)]]"
             aria-label="$i18n{internetAddWiFi}"
             on-tap="onAddButtonTap_" tabindex$="[[tabindex]]">
-        </paper-icon-button>
+          <iron-icon icon="settings:add-wifi"></iron-icon>

[dschuyler, 2017/06/07 23:21:21]

Thanks for removing iron-icon in other files in this CL. Is this file an
oversight or are these more tricky to remove the iron-icon?

[scottchen, 2017/06/08 22:13:15]

Missed this one, nice catch.

+        </button>
         <paper-toggle-button id="deviceEnabledButton"
             aria-label$="[[getToggleA11yString_(deviceState)]]"
             checked="[[deviceIsEnabled_(deviceState)]]"
             disabled="[[!enableToggleIsEnabled_(deviceState)]]"
             on-tap="onDeviceEnabledTap_">
         </paper-toggle-button>
       </div>
     </template>
 
     <template is="dom-if" if="[[knownNetworksIsVisible_(deviceState)]]">
       <div actionable class="settings-box" on-tap="onKnownNetworksTap_">
         <div class="start">$i18n{knownNetworksButton}</div>
         <button class="subpage-arrow" is="paper-icon-button-light"
             aria-label="$i18n{knownNetworksButton}">
         </button>
       </div>
     </template>
 
     <template is="dom-if" if="[[deviceIsEnabled_(deviceState)]]">
       <div id="networkListDiv" class="layout vertical flex">
         <!-- VPN only header for built-in VPNs. -->
         <div class="vpn-header layout horizontal center"
             hidden$="[[!isEqual_('VPN', deviceState.Type)]]">
           <div class="flex">$i18n{networkVpnBuiltin}</div>
-          <paper-icon-button icon="settings:add-circle"
+          <button is="paper-icon-button-light"
               aria-label="$i18n{internetAddVPN}"
               on-tap="onAddButtonTap_" tabindex$="[[tabindex]]">
-          </paper-icon-button>
+            <iron-icon icon="settings:add-circle"></iron-icon>
+          </button>
         </div>
 
         <!-- List of networks or 'None'. -->
         <cr-network-list id="networkList" show-buttons
             hidden$="[[!networkStateList_.length]]"
             networks="[[networkStateList_]]"
             on-selected="onNetworkSelected_">
         </cr-network-list>
         <div hidden$="[[networkStateList_.length]]" class="no-networks">
           $i18n{internetNoNetworks}
         </div>
 
         <!-- Third party VPNs. -->
         <template is="dom-if" if="[[isEqual_('VPN', deviceState.Type)]]">
           <template is="dom-repeat" items="[[thirdPartyVpnProviders]]">
             <div id="[[item.ProviderName]]"
                 class="vpn-header layout horizontal center">
               <div class="flex">[[item.ProviderName]]</div>
-              <paper-icon-button icon="settings:add-circle"
+              <button is="paper-icon-button-light"
                   aria-label$="[[getAddThirdPartyVpnA11yString_(item)]]"
                   on-tap="onAddThirdPartyVpnTap_" tabindex$="[[tabindex]]">
-              </paper-icon-button>
+                <iron-icon icon="settings:add-circle"></iron-icon>
+              </button>
             </div>
             <cr-network-list show-buttons
                 hidden$="[[!haveThirdPartyVpnNetwork_(thirdPartyVpns_, item)]]"
                 networks="[[getThirdPartyVpnNetworks_(thirdPartyVpns_, item)]]"
                 on-selected="onNetworkSelected_">
             </cr-network-list>
             <div hidden$="[[haveThirdPartyVpnNetwork_(thirdPartyVpns_, item)]]"
                 class="no-networks">
               $i18n{internetNoNetworks}
             </div>
@@ skipping 18 matching lines @@
               disabled="[[!tetherToggleIsEnabled_(deviceState,
                   tetherDeviceState)]]">
           </paper-toggle-button>
         </div>
       </template>
     </template>
 
   </template>
   <script src="internet_subpage.js"></script>
 </dom-module>