ChromeOS OOBE: display icons specific to screen DPI.

chrome/browser/resources/chromeos/login/hd-iron-icon.html

Index: chrome/browser/resources/chromeos/login/hd-iron-icon.html
diff --git a/chrome/browser/resources/chromeos/login/hd-iron-icon.html b/chrome/browser/resources/chromeos/login/hd-iron-icon.html
new file mode 100644
index 0000000000000000000000000000000000000000..13d2c0b48cd6c52bc598a300ed4dc7ccc2fc0750
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/hd-iron-icon.html
@@ -0,0 +1,27 @@
+<!-- Copyright 2017 The Chromium Authors. All rights reserved.
+     Use of this source code is governed by a BSD-style license that can be
+     found in the LICENSE file. -->
+
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
+
+<!--
+  <iron-icon> that automatically displays one of the two icond depending on
+  display resolution,
+
+  Example:
+    <hd-iron-icon icon1x="icons:wifi-1x" icon2x="icons:wifi-2x"></hd-iron-icon>
+
+  Attributes:
+    1x and 2x icons:
+      'icon1x' - a name of icon from material design set to show on button.
+      'icon2x' - a name of icon from material design set to show on button.
+-->
+<dom-module id="hd-iron-icon">
+  <link rel="stylesheet" href="hd-iron-icon.css">
+  <template>
+    <div>
+      <iron-icon id="icon1x" icon="[[icon1x]]"></iron-icon>
+      <iron-icon id="icon2x" icon="[[icon2x]]"></iron-icon>
+    </div>
+  </template>
+</dom-module>