chromeos: Add new icons for sync consent dialog

"Settings sync" (aka OS sync) has a gear icon.
"Chrome sync" has the sync arrows logo.

https://screenshot.googleplex.com/R1h1o2EfxMY

The spacing of the second icon is still wrong, but I'll pursue that in a
follow up CL, because I may have to restructure the HTML.

Bug: 1067212
Change-Id: Ie40e75b1d245c8b0c4f74799204f61f295e61a02
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2137869Reviewed-by: Xiyuan Xia <xiyuan@chromium.org>
Commit-Queue: James Cook <jamescook@chromium.org>
Cr-Commit-Position: refs/heads/master@{#757038}

chrome/browser/resources/chromeos/login/images/browser_sync.svg

+<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 24 24" width="18" fill="#4285F4"><path d="M17.26 6H19V4h-6v6h2V6.81c1.79 1.04 3 2.97 3 5.19 0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93 0-2.4-1.07-4.54-2.74-6zM4 12c0 2.4 1.07 4.54 2.74 6H5v2h6v-6H9v3.19C7.21 16.15 6 14.22 6 12c0-2.97 2.17-5.43 5-5.91V4.07C7.05 4.56 4 7.92 4 12z"/><path d="M.01 0h24v24h-24V0z" fill="none"/></svg>
\ No newline at end of file

chrome/browser/resources/chromeos/login/images/settings_gear.svg

+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.85 22.25h-3.7c-.74 0-1.36-.54-1.45-1.27l-.27-1.89c-.27-.14-.53-.29-.79-.46l-1.8.72c-.7.26-1.47-.03-1.81-.65L2.2 15.53c-.35-.66-.2-1.44.36-1.88l1.53-1.19c-.01-.15-.02-.3-.02-.46 0-.15.01-.31.02-.46l-1.52-1.19c-.59-.45-.74-1.26-.37-1.88l1.85-3.19c.34-.62 1.11-.9 1.79-.63l1.81.73c.26-.17.52-.32.78-.46l.27-1.91c.09-.7.71-1.25 1.44-1.25h3.7c.74 0 1.36.54 1.45 1.27l.27 1.89c.27.14.53.29.79.46l1.8-.72c.71-.26 1.48.03 1.82.65l1.84 3.18c.36.66.2 1.44-.36 1.88l-1.52 1.19c.01.15.02.3.02.46 0 .16-.01.31-.02.46l1.52 1.19c.56.45.72 1.23.37 1.86l-1.86 3.22c-.34.62-1.11.9-1.8.63l-1.8-.72c-.26.17-.52.32-.78.46l-.27 1.91c-.1.68-.72 1.22-1.46 1.22zm-3.23-2h2.76l.37-2.55.53-.22c.44-.18.88-.44 1.34-.78l.45-.34 2.38.96 1.38-2.4-2.03-1.58.07-.56c.03-.26.06-.51.06-.78s-.03-.53-.06-.78l-.07-.56 2.03-1.58-1.39-2.4-2.39.96-.45-.35c-.42-.32-.87-.58-1.33-.77l-.52-.22-.37-2.55h-2.76l-.37 2.55-.53.21c-.44.19-.88.44-1.34.79l-.45.33-2.38-.95-1.39 2.39 2.03 1.58-.07.56a7 7 0 00-.06.79c0 .26.02.53.06.78l.07.56-2.03 1.58 1.38 2.4 2.39-.96.45.35c.43.33.86.58 1.33.77l.53.22.38 2.55zM12 15.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z" fill="#1A73E8"/><mask id="a" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.85 22.25h-3.7c-.74 0-1.36-.54-1.45-1.27l-.27-1.89c-.27-.14-.53-.29-.79-.46l-1.8.72c-.7.26-1.47-.03-1.81-.65L2.2 15.53c-.35-.66-.2-1.44.36-1.88l1.53-1.19c-.01-.15-.02-.3-.02-.46 0-.15.01-.31.02-.46l-1.52-1.19c-.59-.45-.74-1.26-.37-1.88l1.85-3.19c.34-.62 1.11-.9 1.79-.63l1.81.73c.26-.17.52-.32.78-.46l.27-1.91c.09-.7.71-1.25 1.44-1.25h3.7c.74 0 1.36.54 1.45 1.27l.27 1.89c.27.14.53.29.79.46l1.8-.72c.71-.26 1.48.03 1.82.65l1.84 3.18c.36.66.2 1.44-.36 1.88l-1.52 1.19c.01.15.02.3.02.46 0 .16-.01.31-.02.46l1.52 1.19c.56.45.72 1.23.37 1.86l-1.86 3.22c-.34.62-1.11.9-1.8.63l-1.8-.72c-.26.17-.52.32-.78.46l-.27 1.91c-.1.68-.72 1.22-1.46 1.22zm-3.23-2h2.76l.37-2.55.53-.22c.44-.18.88-.44 1.34-.78l.45-.34 2.38.96 1.38-2.4-2.03-1.58.07-.56c.03-.26.06-.51.06-.78s-.03-.53-.06-.78l-.07-.56 2.03-1.58-1.39-2.4-2.39.96-.45-.35c-.42-.32-.87-.58-1.33-.77l-.52-.22-.37-2.55h-2.76l-.37 2.55-.53.21c-.44.19-.88.44-1.34.79l-.45.33-2.38-.95-1.39 2.39 2.03 1.58-.07.56a7 7 0 00-.06.79c0 .26.02.53.06.78l.07.56-2.03 1.58 1.38 2.4 2.39-.96.45.35c.43.33.86.58 1.33.77l.53.22.38 2.55zM12 15.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z" fill="#fff"/></mask></svg>
\ No newline at end of file

chrome/browser/resources/chromeos/login/sync_consent.html

@@ -86,10 +86,8 @@
 
         <!-- "Sync settings" -->
         <div class="overview-list-item flex layout horizontal">
-          <!-- TODO(jamescook): Customized icons. -->
-          <hd-iron-icon class="overview-list-item-icon"
-              icon1x="sync-consent-32:googleg" icon2x="sync-consent-64:googleg">
-          </hd-iron-icon>
+          <img class="overview-list-item-icon" src="images/settings_gear.svg"
+              width="24" height="24">
           <div class="flex layout vertical center-justified">
             <div role="heading" aria-level="2" class="overview-list-item-title"
               consent-description>
@@ -103,10 +101,8 @@
 
         <!-- "Chrome sync" -->
         <div class="overview-list-item flex layout horizontal">
-          <hd-iron-icon class="overview-list-item-icon"
-              src1x="chrome://oobe/logo_24px-1x.svg"
-              src2x="chrome://oobe/logo_24px-2x.svg">
-          </hd-iron-icon>
+          <img class="overview-list-item-icon" src="images/browser_sync.svg"
+              width="24" height="24">
           <div class="flex layout vertical center-justified">
             <div role="heading" aria-level="2" class="overview-list-item-title"
               consent-description>