DevTools: Fix svg icons that use masks

Inkscape generated weird output for svg masks, which caused
some icons to render incorrectly in Chromium.

Change-Id: I82778af43ce31c7c3f10e93923931a1f172a13bb
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1663477Reviewed-by: Erik Luo <luoe@chromium.org>
Commit-Queue: Joel Einbinder <einbinder@chromium.org>
Cr-Commit-Position: refs/heads/master@{#670160}

third_party/blink/renderer/devtools/front_end/Images/src/mediumIcons.svg

@@ -518,12 +518,6 @@
        style="fill:#ad8601" />
     <mask
        id="path4453-6-mask">
-      <path
-         transform="translate(-60)"
-         d="m 64,3 h 2 V 5.25 L 65.5,7 h -1 L 64,5.25 V 3 m 0,5 h 2 v 1 h -2"
-         id="path4453-6"
-         inkscape:connector-curvature="0"
-         style="fill:#000000" />
       <rect
          width="10"
          height="10"
@@ -531,6 +525,12 @@
          id="rect8990"
          x="0"
          y="0" />
+      <path
+         transform="translate(-60)"
+         d="m 64,3 h 2 V 5.25 L 65.5,7 h -1 L 64,5.25 V 3 m 0,5 h 2 v 1 h -2"
+         id="path4453-6"
+         inkscape:connector-curvature="0"
+         style="fill:#000000" />
     </mask>
   </g>
   <g
@@ -551,12 +551,6 @@
        style="fill:#2a53cd" />
     <mask
        id="path4287-3-mask">
-      <path
-         transform="translate(-80)"
-         d="m 83.93,2.14 c -0.03,-0.53 0.55,-0.97 1.06,-0.83 0.5,0.12 0.79,0.73 0.56,1.18 -0.2,0.44 -0.79,0.61 -1.2,0.36 C 84.09,2.71 83.93,2.43 83.93,2.14 Z m 1.7,5.46 H 86.3 V 8.13 H 83.41 V 7.6 h 0.66 V 3.99 H 83.41 V 3.46 h 2.22 z"
-         id="path4287-3"
-         inkscape:connector-curvature="0"
-         style="fill:#000000" />
       <rect
          width="10"
          height="10"
@@ -564,6 +558,12 @@
          id="rect8997"
          x="0"
          y="0" />
+      <path
+         transform="translate(-80)"
+         d="m 83.93,2.14 c -0.03,-0.53 0.55,-0.97 1.06,-0.83 0.5,0.12 0.79,0.73 0.56,1.18 -0.2,0.44 -0.79,0.61 -1.2,0.36 C 84.09,2.71 83.93,2.43 83.93,2.14 Z m 1.7,5.46 H 86.3 V 8.13 H 83.41 V 7.6 h 0.66 V 3.99 H 83.41 V 3.46 h 2.22 z"
+         id="path4287-3"
+         inkscape:connector-curvature="0"
+         style="fill:#000000" />
     </mask>
     <defs
        id="defs4289-6">
@@ -607,6 +607,13 @@
        style="fill:#eb3941" />
     <mask
        id="path4229-9-path4231-2-mask">
+      <rect
+         width="10"
+         height="10"
+         style="fill:#ffffff"
+         id="rect9010"
+         x="0"
+         y="0" />
       <path
          transform="translate(-20)"
          d="m 23,3 4,4"
@@ -619,13 +626,6 @@
          id="path4231-2"
          inkscape:connector-curvature="0"
          style="stroke:#000000" />
-      <rect
-         width="10"
-         height="10"
-         style="fill:#ffffff"
-         id="rect9010"
-         x="0"
-         y="0" />
     </mask>
     <defs
        id="defs4233-0">

third_party/blink/renderer/devtools/front_end/Images/src/optimize_svg.hashes

@@ -4,12 +4,12 @@
     "breakpointConditional.svg": "4cf90210b2af2ed84db2f60b07bcde28",
     "checkboxCheckmark.svg": "f039bf85cee42ad5c30ca3bfdce7912a",
     "errorWave.svg": "e183fa242a22ed4784a92f6becbc2c45",
-    "smallIcons.svg": "40aefe4606ebba939725954ff9f908ef",
-    "mediumIcons.svg": "e2878b1c2a8e27c52d146c8942a153cb",
+    "smallIcons.svg": "19940dda6f171380bfd7d04d0061b44c",
+    "mediumIcons.svg": "81ec104f4ca13f18d1389883e2f771c8",
     "breakpoint.svg": "69cd92d807259c022791112809b97799",
     "treeoutlineTriangles.svg": "2d26ab85d919f83d5021f2f385dffd0b",
     "largeIcons.svg": "faf26930e93e7525a3cbcc595527662c",
     "chevrons.svg": "79b4b527771e30b6388ce664077b3409",
     "audits_logo.svg": "3a4893bd2ef5bb233e924f15e51af69a",
-    "accelerometer-front.svg": "536ad784f667f32b2f3a94b6cce9e217"
+    "accelerometer-front.svg": "a4dcdac47131aa923346c15e01bc644a"
 }
\ No newline at end of file

third_party/blink/renderer/devtools/front_end/Images/src/smallIcons.svg

@@ -893,17 +893,17 @@
        style="fill:#ad8601" />
     <mask
        id="path4453-6-mask">
+      <rect
+         width="10"
+         height="10"
+         style="fill:#ffffff"
+         id="rect8990" />
       <path
          transform="translate(-60,0)"
          d="m 64,3 h 2 V 5.25 L 65.5,7 h -1 L 64,5.25 V 3 m 0,5 h 2 v 1 h -2"
          id="path4453-6"
          inkscape:connector-curvature="0"
          style="fill:#000000" />
-      <rect
-         width="10"
-         height="10"
-         style="fill:#ffffff"
-         id="rect8990" />
     </mask>
   </g>
   <g
@@ -924,17 +924,17 @@
        style="fill:#2a53cd" />
     <mask
        id="path4287-3-mask">
+      <rect
+         width="10"
+         height="10"
+         style="fill:#ffffff"
+         id="rect8997" />
       <path
          transform="translate(-80,0)"
          d="m 83.93,2.14 c -0.03,-0.53 0.55,-0.97 1.06,-0.83 0.5,0.12 0.79,0.73 0.56,1.18 -0.2,0.44 -0.79,0.61 -1.2,0.36 C 84.09,2.71 83.93,2.43 83.93,2.14 z m 1.7,5.46 H 86.3 V 8.13 H 83.41 V 7.6 h 0.66 V 3.99 H 83.41 V 3.46 h 2.22 V 7.6 z"
          id="path4287-3"
          inkscape:connector-curvature="0"
          style="fill:#000000" />
-      <rect
-         width="10"
-         height="10"
-         style="fill:#ffffff"
-         id="rect8997" />
     </mask>
     <defs
        id="defs4289-6">
@@ -978,6 +978,11 @@
        style="fill:#eb3941" />
     <mask
        id="path4229-9-path4231-2-mask">
+      <rect
+         width="10"
+         height="10"
+         style="fill:#ffffff"
+         id="rect9010" />
       <path
          transform="translate(-20,0)"
          d="m 23,3 4,4"
@@ -990,11 +995,6 @@
          id="path4231-2"
          inkscape:connector-curvature="0"
          style="stroke:#000000" />
-      <rect
-         width="10"
-         height="10"
-         style="fill:#ffffff"
-         id="rect9010" />
     </mask>
     <defs
        id="defs4233-0">