Update ADB sideloading illustration image

Also removed unused icon files.

Test: image looks good
Bug: chromium:893332
Change-Id: I7859dfac9086add5c21ccc2e907170d62a727c79
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1918830
Auto-Submit: Victor Hsieh <victorhsieh@chromium.org>
Reviewed-by: Toni Baržić <tbarzic@chromium.org>
Commit-Queue: Victor Hsieh <victorhsieh@chromium.org>
Cr-Commit-Position: refs/heads/master@{#715943}

chrome/browser/resources/chromeos/login/images/1x/arc_sideloading_icon.svg

-<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient cx="50%" cy="1.686%" fx="50%" fy="1.686%" r="98.314%" id="b"><stop stop-color="#FFF" stop-opacity=".08" offset="0%"/><stop stop-color="#FFF" stop-opacity="0" offset="100%"/></radialGradient><circle id="a" cx="14.667" cy="14.667" r="14.667"/><filter x="-1.7%" y="-1.7%" width="103.4%" height="103.4%" filterUnits="objectBoundingBox" id="c"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0" in="shadowInnerInner1" result="shadowMatrixInner1"/><feOffset dy="-1" in="SourceAlpha" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowInnerInner2" result="shadowMatrixInner2"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><linearGradient x1="40.37%" y1="50%" x2="94.309%" y2="97.356%" id="d"><stop stop-opacity=".2" offset="0%"/><stop stop-opacity=".02" offset="100%"/></linearGradient><path d="M10.587 23.188c-2.472-1.33-4.066-3.945-4.119-7.402-.239.121-.51.142-.824.028-.896-.327-.694-1.419-.366-2.392.273-.806 1.202-1.394 1.657-1.517 1.06-4.06 3.546-7.238 7.732-7.238 4.236 0 6.739 3.047 7.768 7.249.467.143 1.355.722 1.62 1.506.329.973.53 2.065-.366 2.392-.313.114-.585.093-.824-.027-.048 3.478-1.642 6.083-4.113 7.406.15.12.234.275.234.474 0 .644.313 1.166-1.986 1.166-1.678 0-1.964-.355-1.997-.74-.111-.071-.223-.176-.336-.176-.114 0-.226.113-.338.183-.036.383-.33.733-1.996.733-2.299 0-1.985-.522-1.985-1.166 0-.202.087-.359.24-.48zm4.08-.688c4.777 0 6.5-3.392 6.5-7.9 0-3.74-1.567-7.176-4.167-7.75-.833-.183-1.417 1.817-2.333 1.817-.917 0-1.584-2-2.334-1.817-2.61.64-4.166 4.207-4.166 7.75 0 4.254 1.722 7.9 6.5 7.9zm-3-10a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm6 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-2.82.54l1.373.602a.463.463 0 0 1 .156.74L15.01 15.85a.475.475 0 0 1-.694-.001l-1.36-1.471a.462.462 0 0 1 .155-.739l1.352-.598a.476.476 0 0 1 .384-.001z" id="g"/><filter x="-12.9%" y="-12.4%" width="136.2%" height="134.7%" filterUnits="objectBoundingBox" id="f"><feOffset dx="1" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/></filter><filter x="-7.8%" y="-7.4%" width="125.9%" height="124.8%" filterUnits="objectBoundingBox" id="h"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" in="shadowInnerInner1"/></filter></defs><g transform="translate(1.333 1.333)" fill="none" fill-rule="evenodd"><mask id="e" fill="#fff"><use xlink:href="#a"/></mask><use fill="#4B4B4B" xlink:href="#a"/><use fill="url(#b)" xlink:href="#a"/><use fill="#000" filter="url(#c)" xlink:href="#a"/><path d="M10.602 24.543c.26.154.765.246 1.731.246 1.666 0 1.96-.35 1.996-.732.112-.07.224-.184.338-.184.113 0 .225.105.336.175.033.386.32.741 1.997.741 2.3 0 1.986-.522 1.986-1.166a.584.584 0 0 0-.234-.474c2.471-1.323 4.065-3.928 4.113-7.406.239.12.51.14.824.027.896-.327.695-1.418.366-2.392-.265-.784-1.153-1.362-1.62-1.506-.436-1.78-1.136-3.352-2.12-4.573l8.96 9.035c-.814 7.18-6.811 12.787-14.16 12.99l-4.513-4.781zm8.361-18.557l.02-.03.195.197a6.976 6.976 0 0 0-.215-.167z" fill="url(#d)" mask="url(#e)"/><g mask="url(#e)"><use fill="#000" filter="url(#f)" xlink:href="#g"/><use fill="#FAFAFA" xlink:href="#g"/><use fill="#000" filter="url(#h)" xlink:href="#g"/></g></g></svg>
\ No newline at end of file

chrome/browser/resources/chromeos/login/images/1x/arc_sideloading_illustration.svg

+<svg width="280" height="280" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M0 0h280v280H0z"/><g opacity=".2"><path d="M232 33.9H7v160.013a6.49 6.49 0 006.49 6.487h212.02a6.49 6.49 0 006.49-6.487V33.9z" fill="#9AA0A6"/><path d="M232 30.6c0-3.644-2.907-6.6-6.49-6.6H13.49C9.907 24 7 26.956 7 30.6v13.2h225V30.6z" fill="#9AA0A6"/><path d="M232 30.6c0-3.644-2.907-6.6-6.49-6.6H13.49C9.907 24 7 26.956 7 30.6v13.2h225V30.6z" stroke="#DADCE0" stroke-width="1.8"/><path d="M223 33.45a2.25 2.25 0 11-4.502-.002 2.25 2.25 0 014.502.002M212.2 33.45a2.25 2.25 0 11-4.502-.002 2.25 2.25 0 014.502.002" fill="#DADCE0"/></g><path d="M251 67.9v160.013a6.49 6.49 0 01-6.49 6.487H32.49a6.49 6.49 0 01-6.49-6.487V67.9h225z" fill="#5F6368"/><path d="M251 64.6c0-3.644-2.907-6.6-6.49-6.6H32.49C28.907 58 26 60.956 26 64.6v13.2h225V64.6z" fill="#9AA0A6"/><path d="M251 64.6c0-3.644-2.907-6.6-6.49-6.6H32.49C28.907 58 26 60.956 26 64.6v13.2h225V64.6zM26 77.8v150.12c0 3.578 2.907 6.48 6.49 6.48h212.02c3.583 0 6.49-2.902 6.49-6.48V77.8H26z" stroke="#DADCE0" stroke-width="1.8"/><path d="M242 67.45a2.25 2.25 0 11-4.502-.002 2.25 2.25 0 014.502.002M231.2 67.45a2.25 2.25 0 11-4.502-.002 2.25 2.25 0 014.502.002" fill="#DADCE0"/><g transform="translate(206 189)"><circle fill="#31A752" cx="33.6" cy="33.6" r="33.6"/><path stroke="#FFF" stroke-width="6.4" d="M15.2 34.875L26.624 46.4 52 20.8"/></g><path d="M139 131c-10.75 0-19.626 7.958-20.979 18.261a2.414 2.414 0 002.392 2.739h37.174a2.414 2.414 0 002.392-2.739C158.627 138.958 149.749 131 139 131" fill="#EBECEE"/><path d="M127.487 136c-.717 0-1.43-.279-1.927-.82l-4.972-5.41c-.893-.97-.753-2.418.31-3.233 1.064-.815 2.65-.688 3.542.283l4.972 5.41c.892.971.754 2.418-.31 3.233a2.65 2.65 0 01-1.615.537M150.513 136a2.65 2.65 0 01-1.615-.537c-1.064-.815-1.202-2.262-.31-3.232l4.973-5.41c.892-.972 2.477-1.099 3.541-.284s1.202 2.263.31 3.232l-4.973 5.41c-.496.542-1.209.821-1.926.821M124.501 172h28.997c3.59 0 6.502-2.918 6.502-6.518v-9.08a2.4 2.4 0 00-2.395-2.402h-37.21a2.399 2.399 0 00-2.395 2.401v9.081c0 3.6 2.91 6.518 6.501 6.518" fill="#EBECEE"/><path d="M132 143a2 2 0 11-4 0 2 2 0 014 0M146 143a2.001 2.001 0 004 0 2 2 0 00-4 0" fill="#5F6368"/></g></svg>
\ No newline at end of file

chrome/browser/resources/chromeos/login/images/2x/arc_sideloading_icon.svg

-<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient cx="50%" cy="1.686%" fx="50%" fy="1.686%" r="98.314%" id="b"><stop stop-color="#FFF" stop-opacity=".08" offset="0%"/><stop stop-color="#FFF" stop-opacity="0" offset="100%"/></radialGradient><circle id="a" cx="29.333" cy="29.333" r="29.333"/><filter x="-.9%" y="-.9%" width="101.7%" height="101.7%" filterUnits="objectBoundingBox" id="c"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0" in="shadowInnerInner1" result="shadowMatrixInner1"/><feOffset dy="-1" in="SourceAlpha" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowInnerInner2" result="shadowMatrixInner2"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><linearGradient x1="40.37%" y1="50%" x2="94.309%" y2="97.356%" id="d"><stop stop-opacity=".2" offset="0%"/><stop stop-opacity=".02" offset="100%"/></linearGradient><path d="M21.175 46.376c-4.944-2.66-8.132-7.89-8.238-14.803-.478.242-1.022.283-1.648.054-1.792-.653-1.39-2.836-.732-4.782.544-1.612 2.403-2.789 3.314-3.035 2.119-8.12 7.09-14.477 15.462-14.477 8.472 0 13.478 6.095 15.537 14.499.934.287 2.71 1.444 3.24 3.013.657 1.946 1.06 4.129-.732 4.782-.626.229-1.17.188-1.648-.054-.096 6.958-3.284 12.167-8.226 14.813.298.24.467.55.467.947 0 1.289.627 2.334-3.971 2.334-3.356 0-3.928-.71-3.993-1.483-.223-.14-.448-.35-.674-.35-.226 0-.451.227-.675.367-.071.766-.66 1.466-3.991 1.466-4.599 0-3.972-1.045-3.972-2.334 0-.402.174-.716.48-.957zM29.333 45c9.555 0 13-6.783 13-15.8 0-7.481-3.133-14.352-8.333-15.499-1.667-.368-2.833 3.632-4.667 3.632-1.833 0-3.166-4-4.666-3.632-5.222 1.28-8.334 8.413-8.334 15.5 0 8.507 3.446 15.799 13 15.799zm-6-20a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-5.638 1.08l2.745 1.204a.926.926 0 0 1 .311 1.481L30.022 31.7a.95.95 0 0 1-1.389-.002l-2.72-2.941a.923.923 0 0 1 .31-1.478l2.705-1.197a.952.952 0 0 1 .767 0z" id="g"/><filter x="-10.3%" y="-9.9%" width="125.9%" height="124.8%" filterUnits="objectBoundingBox" id="f"><feOffset dx="1" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1"/></filter><filter x="-6.5%" y="-6.2%" width="118.1%" height="117.4%" filterUnits="objectBoundingBox" id="h"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" in="shadowInnerInner1"/></filter></defs><g transform="translate(2.667 2.667)" fill="none" fill-rule="evenodd"><mask id="e" fill="#fff"><use xlink:href="#a"/></mask><use fill="#4B4B4B" xlink:href="#a"/><use fill="url(#b)" xlink:href="#a"/><use fill="#000" filter="url(#c)" xlink:href="#a"/><path d="M21.204 49.085c.521.31 1.53.494 3.463.494 3.33 0 3.92-.7 3.991-1.466.224-.14.449-.367.675-.367.226 0 .45.21.674.35.065.773.637 1.483 3.993 1.483 4.598 0 3.971-1.045 3.971-2.333 0-.398-.169-.708-.467-.948 4.942-2.646 8.13-7.855 8.226-14.813.478.242 1.022.283 1.648.055 1.792-.654 1.39-2.837.732-4.783-.53-1.57-2.306-2.726-3.24-3.013-.872-3.559-2.272-6.703-4.24-9.146l17.92 18.069c-1.628 14.36-13.623 25.575-28.319 25.982l-9.027-9.564zm16.723-37.114l.04-.059.39.394a13.951 13.951 0 0 0-.43-.335z" fill="url(#d)" mask="url(#e)"/><g mask="url(#e)"><use fill="#000" filter="url(#f)" xlink:href="#g"/><use fill="#FAFAFA" xlink:href="#g"/><use fill="#000" filter="url(#h)" xlink:href="#g"/></g></g></svg>
\ No newline at end of file

chrome/browser/resources/chromeos/login/images/2x/arc_sideloading_illustration.svg

+<svg width="560" height="560" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M0 0h560v560H0z"/><g opacity=".2"><path d="M464 67.8H14v320.026c0 7.164 5.813 12.974 12.98 12.974h424.04c7.167 0 12.98-5.81 12.98-12.974V67.8z" fill="#9AA0A6"/><path d="M464 61.2c0-7.289-5.813-13.2-12.98-13.2H26.98C19.814 48 14 53.911 14 61.2v26.4h450V61.2z" fill="#9AA0A6"/><path d="M464 61.2c0-7.289-5.813-13.2-12.98-13.2H26.98C19.814 48 14 53.911 14 61.2v26.4h450V61.2z" stroke="#DADCE0" stroke-width="3.6"/><path d="M446 66.9c0 2.484-2.016 4.5-4.5 4.5a4.502 4.502 0 01-4.5-4.5c0-2.484 2.016-4.5 4.5-4.5s4.5 2.016 4.5 4.5M424.4 66.9c0 2.484-2.016 4.5-4.5 4.5a4.502 4.502 0 01-4.5-4.5c0-2.484 2.016-4.5 4.5-4.5s4.5 2.016 4.5 4.5" fill="#DADCE0"/></g><path d="M502 135.8v320.026c0 7.164-5.813 12.974-12.98 12.974H64.98c-7.167 0-12.98-5.81-12.98-12.974V135.8h450z" fill="#5F6368"/><path d="M502 129.2c0-7.289-5.813-13.2-12.98-13.2H64.98C57.814 116 52 121.911 52 129.2v26.4h450v-26.4z" fill="#9AA0A6"/><path d="M502 129.2c0-7.289-5.813-13.2-12.98-13.2H64.98C57.814 116 52 121.911 52 129.2v26.4h450v-26.4zM52 155.6v300.24c0 7.156 5.813 12.96 12.98 12.96h424.04c7.167 0 12.98-5.804 12.98-12.96V155.6H52z" stroke="#DADCE0" stroke-width="3.6"/><path d="M484 134.9c0 2.484-2.016 4.5-4.5 4.5a4.502 4.502 0 01-4.5-4.5c0-2.484 2.016-4.5 4.5-4.5s4.5 2.016 4.5 4.5M462.4 134.9c0 2.484-2.016 4.5-4.5 4.5a4.502 4.502 0 01-4.5-4.5c0-2.484 2.016-4.5 4.5-4.5s4.5 2.016 4.5 4.5" fill="#DADCE0"/><g transform="translate(412 378)"><circle fill="#31A752" cx="67.2" cy="67.2" r="67.2"/><path stroke="#FFF" stroke-width="12.8" d="M30.4 69.75L53.248 92.8 104 41.6"/></g><path d="M278 262c-21.5 0-39.253 15.915-41.957 36.523-.381 2.893 1.844 5.477 4.783 5.477h74.348c2.94 0 5.164-2.584 4.783-5.477C317.255 277.915 299.5 262 278 262" fill="#EBECEE"/><path d="M254.974 272c-1.435 0-2.86-.558-3.853-1.64l-9.945-10.821c-1.785-1.94-1.506-4.836.62-6.465 2.127-1.63 5.3-1.377 7.085.567l9.942 10.82c1.785 1.942 1.509 4.836-.618 6.465a5.3 5.3 0 01-3.23 1.074M301.025 272a5.3 5.3 0 01-3.23-1.074c-2.127-1.63-2.403-4.523-.618-6.465l9.944-10.82c1.785-1.944 4.955-2.196 7.084-.567 2.127 1.63 2.403 4.526.618 6.465l-9.944 10.82c-.993 1.083-2.418 1.641-3.854 1.641M249.002 344h57.993c7.182 0 13.005-5.836 13.005-13.035v-18.162a4.799 4.799 0 00-4.79-4.803h-74.42a4.797 4.797 0 00-4.79 4.803v18.162c0 7.2 5.82 13.035 13.002 13.035" fill="#EBECEE"/><path d="M264 286a4 4 0 11-8.001-.001A4 4 0 01264 286M292 286a4 4 0 108 0 4 4 0 00-8 0" fill="#5F6368"/></g></svg>
\ No newline at end of file

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

@@ -27,8 +27,8 @@
         </div>
       </div>
       <div slot="footer" class="flex layout vertical center center-justified">
-        <img srcset="images/1x/arc_sideloading_illustration.png 1x,
-                     images/2x/arc_sideloading_illustration.png 2x"
+        <img srcset="images/1x/arc_sideloading_illustration.svg 1x,
+                     images/2x/arc_sideloading_illustration.svg 2x"
              class="oobe-illustration"
              alt="[[i18nDynamic(locale,
                     'enableAdbSideloadingIllustrationTitle')]]">