Resize the "Google G" icon to the correct (24dp) size.

chrome/browser/resources/settings/icons.html

Index: chrome/browser/resources/settings/icons.html
diff --git a/chrome/browser/resources/settings/icons.html b/chrome/browser/resources/settings/icons.html
index 3d5202b716064e0bbc41f07154b933a95f12d798..af5965b5caf205455aed110bea709a2701433e7b 100644
--- a/chrome/browser/resources/settings/icons.html
+++ b/chrome/browser/resources/settings/icons.html
@@ -11,11 +11,11 @@
 
       <!-- The Google "G" icon in the Clear Browsing Data dialog. -->
       <g id="googleg">
-        <path fill="#4285F4" d="M7.36 4.08c0-.23-.025-.405-.055-.58H4v1.2h1.985c-.05.31-.26.795-.725 1.13v.82h1.06c.66-.605 1.04-1.505 1.04-2.57z"></path>
-        <path fill="#34A853" d="M4 7.5c.945 0 1.735-.315 2.315-.845l-1.06-.82c-.3.215-.71.375-1.255.375-.945 0-1.74-.62-2.04-1.48H.875v.845C1.45 6.715 2.63 7.5 4 7.5z"></path>
-        <path fill="#FBBC05" d="M1.96 4.725c-.075-.225-.13-.47-.13-.725s.05-.5.13-.725V2.43H.875C.635 2.905.5 3.435.5 4s.135 1.095.375 1.57l1.085-.845z"></path>
-        <path fill="#EA4335" d="M4 1.79c.68 0 1.135.29 1.395.54l.95-.915C5.735.845 4.945.5 4 .5 2.63.5 1.45 1.285.875 2.43l1.085.845C2.26 2.415 3.055 1.79 4 1.79z"></path>
-        <path fill="none" d="M.5.5h7v7h-7z"></path>
+        <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"></path>

[michaelpg, 2016/06/29 16:23:23]

Looks like I did shrink it, sorry! But it doesn't look like it was right to
begin with either (which is why this isn't just a straight-up revert) -- the
original itself was smaller than 24px, right?

[msramek, 2016/06/29 17:02:59]

This <iron-iconset-svg> element defines size="24", so if I add a 24dp <g>, then
use that <g> in an <iron-icon> element, it will be exactly as large as the
<iron-icon> element (i.e. in 24:24 = 1:1 ratio). In my case, I then use CSS to
resize <iron-icon> to 16:16 (which also scales the <g> inside).

Originally, I achieved the desired 16x16 dimensions by hardcoding viewBox="0 0
16 16", width="16px", and height="16px" in this <g> element. You also removed
that in your CL, which is correct, because hardcoding the size kinda defeats the
point of SVG.

[michaelpg, 2016/06/29 17:25:56]

Ah, CSS. gotcha.
Thanks for the explanation! I just used https://jakearchibald.github.io/svgomg/
to flatten the <g> but it looks like I screwed up somewhere in copying the
original.

+        <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"></path>
+        <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"></path>
+        <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"></path>
+        <path fill="none" d="M1 1h22v22H1z"></path>
       </g>
 
       <!--