[profiles] Update new default colored avatars icons

New colored avatars use person_filled material design icon instead of
person_outline. It also has two variants of the icon with different
padding. The larger icon has bigger padding. See mocks in the attached
bug for the reference.

Bug: 1100835
Change-Id: I563ed52b9176a0bbed2abcf3e32cd8209e8da315
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2362898Reviewed-by: Evan Stade <estade@chromium.org>
Reviewed-by: David Roger <droger@chromium.org>
Commit-Queue: Alex Ilin <alexilin@chromium.org>
Cr-Commit-Position: refs/heads/master@{#800305}

chrome/app/vector_icons/BUILD.gn

@@ -72,7 +72,8 @@ aggregate_vector_icons("chrome_vector_icons") {
     "nfc.icon",
     "overflow_chevron.icon",
     "paintbrush.icon",
-    "person_outline_padded.icon",
+    "person_filled_padded_large.icon",
+    "person_filled_padded_small.icon",
     "photo_camera.icon",
     "picture_in_picture_control_background.icon",
     "picture_in_picture_alt.icon",

chrome/app/vector_icons/person_filled_padded_large.icon

+// Copyright 2020 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.
+
+// This differs from person_filled_padded_small in that it has even larger
+// padding.
+CANVAS_DIMENSIONS, 60,
+MOVE_TO, 30, 20,
+R_CUBIC_TO, -2.76f, 0, -5, 2.24f, -5, 5,
+R_CUBIC_TO, 0, 2.76f, 2.24f, 5, 5, 5,
+R_CUBIC_TO, 2.76f, 0, 5, -2.24f, 5, -5,
+R_CUBIC_TO, 0, -2.76f, -2.24f, -5, -5, -5,
+CLOSE,
+R_MOVE_TO, 0, 11.25f,
+R_CUBIC_TO, -3.34f, 0, -10, 1.68f, -10, 5,
+V_LINE_TO, 40,
+R_H_LINE_TO, 20,
+R_V_LINE_TO, -3.75f,
+R_CUBIC_TO, 0, -3.32f, -6.66f, -5, -10, -5,
+CLOSE

chrome/app/vector_icons/person_filled_padded_small.icon

+// Copyright 2020 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.
+
+// This differs from ic_person_filled in that it has a relatively larger
+// padding.
+CANVAS_DIMENSIONS, 24,
+MOVE_TO, 12, 5,
+R_CUBIC_TO, -1.93f, 0, -3.5f, 1.57f, -3.5f, 3.5f,
+R_CUBIC_TO, 0, 1.93f, 1.57f, 3.5f, 3.5f, 3.5f,
+R_CUBIC_TO, 1.93f, 0, 3.5f, -1.57f, 3.5f, -3.5f,
+CUBIC_TO, 15.5f, 6.57f, 13.93f, 5, 12, 5,
+CLOSE,
+R_MOVE_TO, 0, 7.88f,
+R_CUBIC_TO, -2.34f, 0, -7, 1.17f, -7, 3.5f,
+V_LINE_TO, 19,
+R_H_LINE_TO, 14,
+R_V_LINE_TO, -2.62f,
+R_CUBIC_TO, 0, -2.33f, -4.66f, -3.5f, -7, -3.5f,
+CLOSE
+
+CANVAS_DIMENSIONS, 22,
+MOVE_TO, 11, 5,
+CUBIC_TO, 9.34f, 5, 8, 6.34f, 8, 8,
+R_CUBIC_TO, 0, 1.66f, 1.34f, 3, 3, 3,
+R_CUBIC_TO, 1.66f, 0, 3, -1.34f, 3, -3,
+R_CUBIC_TO, 0, -1.66f, -1.34f, -3, -3, -3,
+CLOSE,
+R_MOVE_TO, 0, 6.75f,
+R_CUBIC_TO, -2, 0, -6, 1, -6, 3,
+V_LINE_TO, 17,
+R_H_LINE_TO, 12,
+R_V_LINE_TO, -2.25f,
+R_CUBIC_TO, 0, -1.99f, -4, -3, -6, -3,
+CLOSE
+
+CANVAS_DIMENSIONS, 20,
+MOVE_TO, 10, 4,
+CUBIC_TO, 8.34f, 4, 7, 5.34f, 7, 7,
+R_CUBIC_TO, 0, 1.66f, 1.34f, 3, 3, 3,
+R_CUBIC_TO, 1.66f, 0, 3, -1.34f, 3, -3,
+R_CUBIC_TO, 0, -1.66f, -1.34f, -3, -3, -3,
+CLOSE,
+R_MOVE_TO, 0, 6.75f,
+R_CUBIC_TO, -2, 0, -6, 1, -6, 3,
+V_LINE_TO, 16,
+R_H_LINE_TO, 12,
+R_V_LINE_TO, -2.25f,
+R_CUBIC_TO, 0, -1.99f, -4, -3, -6, -3,
+CLOSE

chrome/app/vector_icons/person_outline_padded.icon

-// Copyright 2020 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.
-
-// This differs from ic_person_outline in that it has a relatively larger
-// padding.
-CANVAS_DIMENSIONS, 22,
-MOVE_TO, 11, 22,
-R_CUBIC_TO, 6.08f, 0, 11, -4.92f, 11, -11,
-CUBIC_TO_SHORTHAND, 17.08f, 0, 11, 0,
-CUBIC_TO_SHORTHAND, 0, 4.93f, 0, 11,
-R_CUBIC_TO, 0, 6.07f, 4.93f, 11, 11, 11,
-CLOSE,
-MOVE_TO, 11, 22,
-R_CUBIC_TO, 6.08f, 0, 11, -4.92f, 11, -11,
-CUBIC_TO_SHORTHAND, 17.08f, 0, 11, 0,
-CUBIC_TO_SHORTHAND, 0, 4.93f, 0, 11,
-R_CUBIC_TO, 0, 6.07f, 4.93f, 11, 11, 11,
-CLOSE,
-MOVE_TO, 11, 5.87f,
-R_ARC_TO, 2.57f, 2.57f, 0, 1, 0, 0, 5.13f,
-R_ARC_TO, 2.57f, 2.57f, 0, 0, 0, 0, -5.13f,
-CLOSE,
-R_MOVE_TO, 1.28f, 2.57f,
-R_CUBIC_TO, 0, -0.71f, -0.58f, -1.28f, -1.28f, -1.28f,
-R_CUBIC_TO, -0.7f, 0, -1.28f, 0.58f, -1.28f, 1.28f,
-R_CUBIC_TO, 0, 0.7f, 0.58f, 1.28f, 1.28f, 1.28f,
-R_CUBIC_TO, 0.71f, 0, 1.28f, -0.58f, 1.28f, -1.28f,
-CLOSE,
-R_MOVE_TO, 2.57f, 5.78f,
-R_CUBIC_TO, -0.13f, -0.46f, -2.12f, -1.28f, -3.85f, -1.28f,
-R_CUBIC_TO, -1.73f, 0, -3.72f, 0.83f, -3.85f, 1.29f,
-R_V_LINE_TO, 0.64f,
-R_H_LINE_TO, 7.7f,
-R_V_LINE_TO, -0.64f,
-CLOSE,
-R_MOVE_TO, -8.98f, 0,
-R_CUBIC_TO, 0, -1.71f, 3.42f, -2.57f, 5.13f, -2.57f,
-R_CUBIC_TO, 1.71f, 0, 5.13f, 0.86f, 5.13f, 2.57f,
-R_V_LINE_TO, 1.93f,
-H_LINE_TO, 5.87f,
-R_V_LINE_TO, -1.92f,
-CLOSE
-
-CANVAS_DIMENSIONS, 20,
-MOVE_TO, 10, 20,
-R_CUBIC_TO, 5.52f, 0, 10, -4.48f, 10, -10,
-CUBIC_TO_SHORTHAND, 15.52f, 0, 10, 0,
-CUBIC_TO_SHORTHAND, 0, 4.48f, 0, 10,
-R_CUBIC_TO, 0, 5.52f, 4.48f, 10, 10, 10,
-CLOSE,
-MOVE_TO, 10, 20,
-R_CUBIC_TO, 5.52f, 0, 10, -4.48f, 10, -10,
-CUBIC_TO_SHORTHAND, 15.52f, 0, 10, 0,
-CUBIC_TO_SHORTHAND, 0, 4.48f, 0, 10,
-R_CUBIC_TO, 0, 5.52f, 4.48f, 10, 10, 10,
-CLOSE,
-MOVE_TO, 10, 5.33f,
-R_ARC_TO, 2.33f, 2.33f, 0, 1, 0, 0, 4.67f,
-R_ARC_TO, 2.33f, 2.33f, 0, 0, 0, 0, -4.66f,
-CLOSE,
-R_MOVE_TO, 1.17f, 2.33f,
-ARC_TO, 1.17f, 1.17f, 0, 0, 0, 10, 6.5f,
-R_ARC_TO, 1.17f, 1.17f, 0, 0, 0, -1.17f, 1.17f,
-ARC_TO, 1.17f, 1.17f, 0, 0, 0, 10, 8.83f,
-R_ARC_TO, 1.17f, 1.17f, 0, 0, 0, 1.17f, -1.17f,
-CLOSE,
-R_MOVE_TO, 2.33f, 5.25f,
-R_CUBIC_TO, -0.12f, -0.41f, -1.92f, -1.17f, -3.5f, -1.17f,
-R_CUBIC_TO, -1.58f, 0, -3.38f, 0.75f, -3.5f, 1.17f,
-R_V_LINE_TO, 0.58f,
-R_H_LINE_TO, 7,
-R_V_LINE_TO, -0.58f,
-CLOSE,
-R_MOVE_TO, -8.17f, 0,
-R_CUBIC_TO, 0, -1.55f, 3.11f, -2.33f, 4.67f, -2.33f,
-R_CUBIC_TO, 1.56f, 0, 4.67f, 0.78f, 4.67f, 2.33f,
-R_V_LINE_TO, 1.75f,
-H_LINE_TO, 5.33f,
-R_V_LINE_TO, -1.75f,
-CLOSE

chrome/browser/profiles/profile_avatar_icon_util.cc

@@ -616,8 +616,10 @@ const IconResourceInfo* GetDefaultAvatarIconResourceInfo(size_t index) {
 gfx::Image GetPlaceholderAvatarIconWithColors(SkColor fill_color,
                                               SkColor stroke_color,
                                               int size) {
+  const gfx::VectorIcon& person_icon =
+      size >= 40 ? kPersonFilledPaddedLargeIcon : kPersonFilledPaddedSmallIcon;
   gfx::ImageSkia icon_without_background = gfx::CreateVectorIcon(
-      gfx::IconDescription(kPersonOutlinePaddedIcon, size, stroke_color));
+      gfx::IconDescription(person_icon, size, stroke_color));
   gfx::ImageSkia icon_with_background(
       std::make_unique<ImageWithBackgroundSource>(icon_without_background,
                                                   fill_color),