Chrome OS Powerwash screen: update icon and illustration.

Bug: 894280
Change-Id: I0d478790d35323008a0622404ebde6983fea06ae
Reviewed-on: https://chromium-review.googlesource.com/c/1278211
Commit-Queue: Alexander Alekseev <alemate@chromium.org>
Reviewed-by: Wenzhao (Colin) Zang <wzang@chromium.org>
Cr-Commit-Position: refs/heads/master@{#599141}

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

+<svg xmlns="http://www.w3.org/2000/svg" width="264" height="264">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#EA4335" d="M96.554 122.415l6.413-6.413a2.269 2.269 0 0 1 3.207 0l6.412 6.413a2.267 2.267 0 0 1 0 3.207l-6.412 6.414a2.269 2.269 0 0 1-3.207 0l-6.413-6.413a2.269 2.269 0 0 1 0-3.208"/>
+    <path fill="#FBBC04" d="M133.766 101.358a5.667 5.667 0 0 1 0-8.016l4.81-4.81a5.67 5.67 0 0 1 8.016 8.016l-4.81 4.81a5.67 5.67 0 0 1-8.016 0"/>
+    <path fill="#34A853" d="M151.384 117.925l11.947 3.2c1.686.453 2.25 2.56 1.016 3.795l-8.745 8.745c-1.235 1.234-3.342.67-3.794-1.016l-3.2-11.947c-.453-1.686 1.09-3.23 2.776-2.777"/>
+    <path stroke="#4285F4" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M212 174c0 44.183-35.817 80-80 80s-80-35.817-80-80 35.817-80 80-80 80 35.817 80 80z"/>
+    <path fill="#4285F4" stroke="#4285F4" stroke-width="2" d="M135.125 164.625v6.25H157V149h-6.25v8.563C146.156 152.343 139.5 149 132 149c-6.906 0-13.156 2.813-17.688 7.313-4.53 4.5-7.312 10.78-7.312 17.687 0 13.813 11.188 25 25 25 6.906 0 13.156-2.813 17.688-7.313l-4.438-4.437c-3.406 3.406-8.094 5.5-13.25 5.5-10.344 0-18.75-8.406-18.75-18.75 0-5.156 2.094-9.844 5.5-13.25 3.406-3.406 8.094-5.5 13.25-5.5 6.906 0 12.969 3.781 16.219 9.375h-13.094z"/>
+    <path fill="#EA4335" d="M171.605 81.336l-6.413-6.413a2.268 2.268 0 0 1 0-3.206l6.413-6.413a2.269 2.269 0 0 1 3.207 0l6.412 6.413a2.266 2.266 0 0 1 0 3.206l-6.412 6.413a2.269 2.269 0 0 1-3.207 0"/>
+    <path fill="#FBBC04" d="M105.869 47.101l-6.413-6.413a2.268 2.268 0 0 1 0-3.206l6.413-6.413a2.269 2.269 0 0 1 3.207 0l6.413 6.413a2.268 2.268 0 0 1 0 3.206l-6.413 6.413a2.267 2.267 0 0 1-3.207 0"/>
+    <path fill="#4285F4" d="M129.012 64.68a5.667 5.667 0 0 1 0-8.017l4.81-4.81a5.67 5.67 0 0 1 8.016 8.016l-4.81 4.81a5.667 5.667 0 0 1-8.016 0"/>
+    <path fill="#34A853" d="M87.07 74.282l11.947 3.201c1.686.452 2.25 2.56 1.016 3.794l-8.745 8.745c-1.235 1.234-3.342.67-3.794-1.016L84.293 77.06c-.452-1.686 1.09-3.229 2.777-2.777M159 16a7 7 0 1 1-14 0 7 7 0 0 1 14 0"/>
+    <path d="M0 0h264v264H0z"/>
+  </g>
+</svg>

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

+<svg xmlns="http://www.w3.org/2000/svg" width="528" height="528">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#EA4335" d="M193.108 244.831l12.826-12.826a4.538 4.538 0 0 1 6.414 0l12.824 12.826a4.534 4.534 0 0 1 0 6.414l-12.824 12.826a4.538 4.538 0 0 1-6.414 0l-12.826-12.826a4.538 4.538 0 0 1 0-6.414"/>
+    <path fill="#FBBC04" d="M267.532 202.716c-4.428-4.428-4.428-11.606 0-16.032l9.62-9.62c4.426-4.428 11.604-4.428 16.032 0 4.426 4.428 4.426 11.606 0 16.032l-9.62 9.62c-4.428 4.426-11.606 4.426-16.032 0"/>
+    <path fill="#34A853" d="M302.769 235.85l23.894 6.401c3.372.904 4.5 5.118 2.032 7.588l-17.49 17.49c-2.47 2.468-6.684 1.34-7.588-2.032l-6.402-23.894c-.904-3.372 2.182-6.458 5.554-5.554"/>
+    <path stroke="#4285F4" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" d="M424 348c0 88.366-71.634 160-160 160s-160-71.634-160-160 71.634-160 160-160 160 71.634 160 160z"/>
+    <path fill="#4285F4" stroke="#4285F4" stroke-width="4" d="M270.25 329.25v12.5H314V298h-12.5v17.125C292.312 304.687 279 298 264 298c-13.813 0-26.313 5.625-35.375 14.625-9.063 9-14.625 21.563-14.625 35.375 0 27.625 22.375 50 50 50 13.813 0 26.313-5.625 35.375-14.625L290.5 374.5c-6.813 6.813-16.188 11-26.5 11-20.688 0-37.5-16.813-37.5-37.5 0-10.313 4.188-19.688 11-26.5 6.813-6.813 16.188-11 26.5-11 13.813 0 25.938 7.563 32.438 18.75H270.25z"/>
+    <path fill="#EA4335" d="M343.21 162.672l-12.826-12.826a4.535 4.535 0 0 1 0-6.412l12.826-12.826a4.538 4.538 0 0 1 6.414 0l12.824 12.826a4.531 4.531 0 0 1 0 6.412l-12.824 12.826a4.538 4.538 0 0 1-6.414 0"/>
+    <path fill="#FBBC04" d="M211.737 94.202l-12.826-12.826a4.535 4.535 0 0 1 0-6.412l12.826-12.826a4.538 4.538 0 0 1 6.414 0l12.826 12.826a4.535 4.535 0 0 1 0 6.412l-12.826 12.826a4.534 4.534 0 0 1-6.414 0"/>
+    <path fill="#4285F4" d="M258.024 129.358c-4.428-4.426-4.428-11.604 0-16.032l9.62-9.62c4.426-4.426 11.604-4.426 16.032 0 4.426 4.428 4.426 11.606 0 16.032l-9.62 9.62c-4.428 4.428-11.606 4.428-16.032 0"/>
+    <path fill="#34A853" d="M174.14 148.564l23.894 6.402c3.372.904 4.5 5.118 2.032 7.588l-17.49 17.49c-2.47 2.468-6.684 1.34-7.588-2.032l-6.402-23.894c-.904-3.372 2.182-6.458 5.554-5.554M318 32c0 7.732-6.268 14-14 14s-14-6.268-14-14 6.268-14 14-14 14 6.268 14 14"/>
+    <path d="M0 0h528v528H0z"/>
+  </g>
+</svg>

chrome/browser/resources/chromeos/login/oobe_reset.css

@@ -39,3 +39,8 @@ a {
   cursor: pointer;
   pointer-events: auto;
 }
+
+#illustration {
+  height: 264px;
+  width: 264px;
+}

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

@@ -10,7 +10,13 @@
   <svg>
     <defs>
       <g id="alert" fill-rule="evenodd">
-        <path d="M16,2.66666667 C8.64,2.66666667 2.66666667,8.64 2.66666667,16 C2.66666667,23.36 8.64,29.3333333 16,29.3333333 C23.36,29.3333333 29.3333333,23.36 29.3333333,16 C29.3333333,8.64 23.36,2.66666667 16,2.66666667 L16,2.66666667 Z M17.3333333,22.6666667 L14.6666667,22.6666667 L14.6666667,20 L17.3333333,20 L17.3333333,22.6666667 L17.3333333,22.6666667 Z M17.3333333,17.3333333 L14.6666667,17.3333333 L14.6666667,9.33333333 L17.3333333,9.33333333 L17.3333333,17.3333333 L17.3333333,17.3333333 Z"></path>
+        <defs>
+          <path id="a" d="M14.667 20h2.666v2.667h-2.666V20zm0-10.667h2.666v8h-2.666v-8zm1.32-6.666C8.627 2.667 2.667 8.64 2.667 16s5.96 13.333 13.32 13.333c7.373 0 13.346-5.973 13.346-13.333S23.36 2.667 15.987 2.667zm.013 24c-5.893 0-10.667-4.774-10.667-10.667S10.107 5.333 16 5.333 26.667 10.107 26.667 16 21.893 26.667 16 26.667z"></path>
+        </defs>
+        <g fill="none" fill-rule="evenodd">
+          <path d="M0 0h32v32H0z"></path>
+          <use fill="#1A73E8" fill-rule="nonzero" xlink:href="#a"></use>
+        </g>
       </g>
     </defs>
   </svg>
@@ -20,7 +26,13 @@
   <svg>
     <defs>
       <g id="alert" fill-rule="evenodd">
-        <path d="M32,5.33333333 C17.28,5.33333333 5.33333333,17.28 5.33333333,32 C5.33333333,46.72 17.28,58.6666667 32,58.6666667 C46.72,58.6666667 58.6666667,46.72 58.6666667,32 C58.6666667,17.28 46.72,5.33333333 32,5.33333333 L32,5.33333333 Z M34.6666667,45.3333333 L29.3333333,45.3333333 L29.3333333,40 L34.6666667,40 L34.6666667,45.3333333 L34.6666667,45.3333333 Z M34.6666667,34.6666667 L29.3333333,34.6666667 L29.3333333,18.6666667 L34.6666667,18.6666667 L34.6666667,34.6666667 L34.6666667,34.6666667 Z"></path>
+        <defs>
+          <path id="a" d="M29.333 40h5.334v5.333h-5.334V40zm0-21.333h5.334v16h-5.334v-16zm2.64-13.334C17.253 5.333 5.333 17.28 5.333 32c0 14.72 11.92 26.667 26.64 26.667C46.72 58.667 58.667 46.72 58.667 32c0-14.72-11.947-26.667-26.694-26.667zm.027 48c-11.787 0-21.333-9.546-21.333-21.333 0-11.787 9.546-21.333 21.333-21.333 11.787 0 21.333 9.546 21.333 21.333 0 11.787-9.546 21.333-21.333 21.333z"></path>
+        </defs>
+        <g fill="none" fill-rule="evenodd">
+          <path d="M0 0h64v64H0z"></path>
+          <use fill="#1A73E8" fill-rule="nonzero" xlink:href="#a"></use>
+        </g>
       </g>
     </defs>
   </svg>
@@ -60,8 +72,8 @@
         </div>
       </div>
       <div slot="footer" class="flex layout vertical center">
-        <img srcset="images/reset_illustration_1x.png 1x,
-                     images/reset_illustration_2x.png 2x"
+        <img id="illustration" srcset="images/1x/reset_illustration_1x.svg 1x,
+                                       images/2x/reset_illustration_2x.svg 2x"
             i18n-values="alt:resetScreenIllustrationTitle">
         <div id="tpmFirmwareUpdate" class="layout horizontal"
             hidden="[[!tpmFirmwareUpdateAvailable_]]">