[gnome-devel-docs/wip/jimmac/appicon-update] HIG: icons -- update for 128px canvas



commit 7582bfa426f0d0c4e0102e54934eab405800dc9a
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Jul 18 12:05:03 2018 +0200

    HIG: icons -- update for 128px canvas
    
    - temporarily use a global color palette

 hig/C/figures/icons/dropshadow.png     | Bin 0 -> 155332 bytes
 hig/C/figures/icons/palette/colors.svg | 828 +++++++++++++++++++++++++++++++++
 hig/C/figures/icons/sizes.svg          |  19 +-
 hig/C/figures/icons/whitespace.svg     | 405 +++++-----------
 hig/C/icons-and-artwork.page           |  32 +-
 5 files changed, 980 insertions(+), 304 deletions(-)
---
diff --git a/hig/C/figures/icons/dropshadow.png b/hig/C/figures/icons/dropshadow.png
new file mode 100644
index 00000000..538a807c
Binary files /dev/null and b/hig/C/figures/icons/dropshadow.png differ
diff --git a/hig/C/figures/icons/palette/colors.svg b/hig/C/figures/icons/palette/colors.svg
new file mode 100644
index 00000000..11c19ac9
--- /dev/null
+++ b/hig/C/figures/icons/palette/colors.svg
@@ -0,0 +1,828 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   width="800"
+   height="880"
+   viewBox="0 0 800 880"
+   version="1.1"
+   id="svg2380"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="expanded-color-palette.svg"
+   inkscape:export-filename="expanded-color-palette.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2374">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath898">
+      <rect
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+         id="rect900"
+         width="126.99947"
+         height="31.75"
+         x="140.59975"
+         y="214.22339"
+         rx="8.4666662"
+         ry="8.4666662" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath920">
+      <rect
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+         id="rect922"
+         width="126.99947"
+         height="31.75"
+         x="140.59975"
+         y="250.92276"
+         rx="8.4666662"
+         ry="8.4666662" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath924">
+      <rect
+         ry="8.4666662"
+         rx="8.4666662"
+         y="288.20465"
+         x="140.59975"
+         height="31.75"
+         width="126.99947"
+         id="rect926"
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
 />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath928">
+      <rect
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+         id="rect930"
+         width="126.99947"
+         height="31.75"
+         x="140.59975"
+         y="324.90402"
+         rx="8.4666662"
+         ry="8.4666662" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath932">
+      <rect
+         ry="8.4666662"
+         rx="8.4666662"
+         y="362.18594"
+         x="140.59975"
+         height="31.75"
+         width="126.99947"
+         id="rect934"
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
 />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath936">
+      <rect
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+         id="rect938"
+         width="126.99947"
+         height="31.75"
+         x="140.59975"
+         y="399.46786"
+         rx="8.4666662"
+         ry="8.4666662" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath940">
+      <rect
+         ry="8.4666662"
+         rx="8.4666662"
+         y="436.16724"
+         x="140.59975"
+         height="31.75"
+         width="126.99947"
+         id="rect942"
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
 />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath944">
+      <rect
+         
style="opacity:0.1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.23333311;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+         id="rect946"
+         width="253.86797"
+         height="31.75"
+         x="140.59975"
+         y="473.44913"
+         rx="8.4666662"
+         ry="8.4666662" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#888888"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="490.93358"
+     inkscape:cy="493.96794"
+     inkscape:document-units="px"
+     inkscape:current-layer="neutral"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-text-baseline="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     units="px"
+     inkscape:pagecheckerboard="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2991"
+       originx="0"
+       originy="0"
+       empspacing="4" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata2377">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="neutral"
+     inkscape:groupmode="layer"
+     id="neutral"
+     transform="translate(-119.1686,-707.16701)">
+    <rect
+       style="opacity:1;fill:#9a9996;fill-opacity:1;stroke:none;stroke-width:0.90839422;stroke-opacity:1"
+       id="rect2182"
+       width="72"
+       height="56"
+       x="487.16858"
+       y="1387.167" />
+    <rect
+       y="1387.167"
+       x="559.16858"
+       height="56"
+       width="72"
+       id="rect2184"
+       style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2186"
+       width="72"
+       height="56"
+       x="631.16858"
+       y="1387.167" />
+    <rect
+       y="1387.167"
+       x="271.16858"
+       height="55.999973"
+       width="72"
+       id="rect2188"
+       style="opacity:1;fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:0.90839428;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#deddda;fill-opacity:1;stroke:none;stroke-width:0.90839428;stroke-opacity:1"
+       id="rect2190"
+       width="72.000008"
+       height="56.000011"
+       x="343.16858"
+       y="1387.167" />
+    <rect
+       y="1387.2496"
+       x="415.16858"
+       height="56"
+       width="72"
+       id="rect2192"
+       style="opacity:1;fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:0.90839428;stroke-opacity:1" />
+    <rect
+       y="1387.167"
+       x="703.16858"
+       height="56"
+       width="72"
+       id="rect954"
+       style="opacity:1;fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect956"
+       width="72"
+       height="56"
+       x="775.16858"
+       y="1387.167" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="brown"
+     inkscape:label="brown"
+     transform="translate(0,-562)">
+    <rect
+       y="1178"
+       x="152"
+       height="56"
+       width="72"
+       id="rect2218-3"
+       style="opacity:1;fill:#cdab8f;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       y="1178"
+       x="224"
+       height="56"
+       width="72"
+       id="rect1160"
+       style="opacity:1;fill:#b5835a;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#986a44;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2206-2"
+       width="72"
+       height="56"
+       x="296"
+       y="1178" />
+    <rect
+       y="1178"
+       x="368"
+       height="56.000011"
+       width="72.000008"
+       id="rect2232-2"
+       style="opacity:1;fill:#865e3c;fill-opacity:1;stroke:none;stroke-width:0.90839428;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#63452c;fill-opacity:1;stroke:none;stroke-width:0.90839428;stroke-opacity:1"
+       id="rect1174"
+       width="72.000008"
+       height="56.000011"
+       x="440"
+       y="1178" />
+  </g>
+  <g
+     transform="translate(0,-562)"
+     inkscape:label="purple"
+     id="purple"
+     inkscape:groupmode="layer">
+    <rect
+       transform="scale(1,-1)"
+       style="opacity:1;fill:#dc8add;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect1111"
+       width="72"
+       height="56"
+       x="152"
+       y="-1170" />
+    <rect
+       style="opacity:1;fill:#c061cb;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect1113"
+       width="72"
+       height="56"
+       x="224"
+       y="-1170"
+       transform="scale(1,-1)" />
+    <rect
+       transform="scale(1,-1)"
+       y="-1170"
+       x="296"
+       height="56"
+       width="72"
+       id="rect1115"
+       style="opacity:1;fill:#9141ac;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       transform="scale(1,-1)"
+       style="opacity:1;fill:#813d9c;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect1117"
+       width="72"
+       height="56"
+       x="368"
+       y="-1170" />
+    <rect
+       y="-1170"
+       x="440"
+       height="56"
+       width="72"
+       id="rect1119"
+       style="opacity:1;fill:#613583;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       transform="scale(1,-1)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="red"
+     inkscape:label="red"
+     transform="translate(0,-562)">
+    <rect
+       style="opacity:1;fill:#f66151;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2210"
+       width="72"
+       height="56"
+       x="152"
+       y="-1106"
+       transform="scale(1,-1)" />
+    <rect
+       transform="scale(1,-1)"
+       style="opacity:1;fill:#ed333b;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect1164"
+       width="72"
+       height="56"
+       x="224"
+       y="-1106" />
+    <rect
+       y="-1106"
+       x="296"
+       height="56"
+       width="72"
+       id="rect2198"
+       style="opacity:1;fill:#e01b24;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       transform="scale(1,-1)" />
+    <rect
+       style="opacity:1;fill:#c01c28;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2222"
+       width="72"
+       height="56"
+       x="368"
+       y="-1106"
+       transform="scale(1,-1)" />
+    <rect
+       transform="scale(1,-1)"
+       y="-1106"
+       x="440"
+       height="56"
+       width="72"
+       id="rect1178"
+       style="opacity:1;fill:#a51d2d;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="orange"
+     inkscape:label="orange"
+     transform="translate(0,-562)">
+    <rect
+       y="986"
+       x="152"
+       height="56"
+       width="72"
+       id="rect2214"
+       style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       y="986"
+       x="224"
+       height="56"
+       width="72"
+       id="rect1166"
+       style="opacity:1;fill:#ffa348;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#ff7800;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2202"
+       width="72"
+       height="56"
+       x="296"
+       y="986" />
+    <rect
+       y="986"
+       x="368"
+       height="56"
+       width="72"
+       id="rect2224"
+       style="opacity:1;fill:#e66100;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#c64600;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect1180"
+       width="72"
+       height="56"
+       x="440"
+       y="986" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="yellow"
+     inkscape:label="yellow"
+     transform="translate(0,-562)">
+    <rect
+       style="opacity:1;fill:#f9f06b;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2212"
+       width="72"
+       height="56"
+       x="152"
+       y="922" />
+    <rect
+       style="opacity:1;fill:#f8e45c;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect1168"
+       width="72"
+       height="56"
+       x="224.00165"
+       y="922" />
+    <rect
+       y="922"
+       x="296.00165"
+       height="56"
+       width="72"
+       id="rect2200"
+       style="opacity:1;fill:#f6d32d;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#f5c211;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2226"
+       width="72"
+       height="56"
+       x="368"
+       y="922" />
+    <rect
+       y="922"
+       x="440"
+       height="56"
+       width="72"
+       id="rect1182"
+       style="opacity:1;fill:#e5a50a;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="green"
+     inkscape:label="green"
+     transform="translate(0,-562)">
+    <rect
+       y="858"
+       x="152"
+       height="56"
+       width="72"
+       id="rect2236"
+       style="opacity:1;fill:#8ff0a4;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       y="858"
+       x="224"
+       height="56"
+       width="72"
+       id="rect1170"
+       style="opacity:1;fill:#57e389;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#33d17a;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2234"
+       width="72"
+       height="56"
+       x="296"
+       y="858" />
+    <rect
+       y="858"
+       x="368"
+       height="56"
+       width="72"
+       id="rect2238"
+       style="opacity:1;fill:#2ec27e;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#26a269;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect1184"
+       width="72"
+       height="56"
+       x="440"
+       y="858" />
+  </g>
+  <g
+     style="display:inline"
+     transform="translate(0,-562)"
+     inkscape:label="cyan"
+     id="cyan"
+     inkscape:groupmode="layer">
+    <rect
+       y="794"
+       x="152.00182"
+       height="56"
+       width="72"
+       id="rect936"
+       
style="display:inline;opacity:1;fill:#81dffe;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
 />
+    <rect
+       y="794"
+       x="224.00165"
+       height="56"
+       width="72"
+       id="rect939"
+       
style="display:inline;opacity:1;fill:#4fd2fd;fill-opacity:1;stroke:none;stroke-width:0.90708667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 />
+    <rect
+       
style="display:inline;opacity:1;fill:#0bbaf4;fill-opacity:1;stroke:none;stroke-width:0.90708667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect941"
+       width="72"
+       height="56"
+       x="296.00165"
+       y="794" />
+    <rect
+       y="794"
+       x="368"
+       height="56"
+       width="72"
+       id="rect943"
+       
style="display:inline;opacity:1;fill:#0aa8dc;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
 />
+    <rect
+       
style="display:inline;opacity:1;fill:#0997c5;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect945"
+       width="72"
+       height="56"
+       x="440"
+       y="794" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="blue"
+     inkscape:label="blue"
+     transform="translate(0,-562)"
+     style="display:inline">
+    <rect
+       
style="display:inline;opacity:1;fill:#99c1f1;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2220-3"
+       width="72"
+       height="56"
+       x="152.00182"
+       y="730" />
+    <rect
+       
style="display:inline;opacity:1;fill:#62a0ea;fill-opacity:1;stroke:none;stroke-width:0.90708667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1172-6"
+       width="72"
+       height="56"
+       x="224.00165"
+       y="730" />
+    <rect
+       y="730"
+       x="296.00165"
+       height="56"
+       width="72"
+       id="rect2208-7"
+       
style="display:inline;opacity:1;fill:#3584e4;fill-opacity:1;stroke:none;stroke-width:0.90708667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 />
+    <rect
+       
style="display:inline;opacity:1;fill:#1c71d8;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
+       id="rect2228-5"
+       width="72"
+       height="56"
+       x="368"
+       y="730" />
+    <rect
+       y="730"
+       x="440"
+       height="56"
+       width="72"
+       id="rect1186-3"
+       
style="display:inline;opacity:1;fill:#1a5fb4;fill-opacity:1;stroke:none;stroke-width:0.90839434;stroke-opacity:1"
 />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="mask"
+     inkscape:label="mask"
+     transform="translate(0,-562)"
+     style="display:inline">
+    <g
+       inkscape:groupmode="layer"
+       id="layer11"
+       inkscape:label="white"
+       style="display:inline">
+      <path
+         
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"
+         d="M 0,0 V 880 H 800 V 0 Z m 168,168 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 
H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 
v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 
0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 
c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c 
-8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 
0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 
c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 
7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 
-16,-7.136 
 -16,-16 
 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 
168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 544 c 8.864,0 16,7.136 16,16 v 
24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z"
+         id="rect947"
+         inkscape:connector-curvature="0"
+         
sodipodi:nodetypes="cccccsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss"
+         transform="translate(0,562)" />
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="85.669075"
+         y="666.04596"
+         id="text2989"><tspan
+           sodipodi:role="line"
+           id="tspan2987"
+           x="85.669075"
+           y="666.04596"
+           
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:38.75815582px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Light';fill:#000000;stroke-width:0.90839422">GNOME Icons Color Palette</tspan></text>
+      <text
+         id="text950"
+         y="759.12061"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422"
+           y="759.12061"
+           x="89.204613"
+           id="tspan948"
+           sodipodi:role="line">Blue</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="887.12061"
+         id="text954"><tspan
+           sodipodi:role="line"
+           id="tspan952"
+           x="89.204613"
+           y="887.12061"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422">Green</tspan></text>
+      <text
+         id="text958"
+         y="951.12061"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422"
+           y="951.12061"
+           x="89.204613"
+           id="tspan956"
+           sodipodi:role="line">Yellow</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="1015.1206"
+         id="text962"><tspan
+           sodipodi:role="line"
+           id="tspan960"
+           x="89.204613"
+           y="1015.1206"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422">Orange</tspan></text>
+      <text
+         id="text966"
+         y="1079.1206"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422"
+           y="1079.1206"
+           x="89.204613"
+           id="tspan964"
+           sodipodi:role="line">Red</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="1207.1206"
+         id="text970"><tspan
+           sodipodi:role="line"
+           id="tspan968"
+           x="89.204613"
+           y="1207.1206"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422">Brown</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="1271.1206"
+         id="text978"><tspan
+           sodipodi:role="line"
+           id="tspan976"
+           x="89.204613"
+           y="1271.1206"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422">Neutral</tspan></text>
+      <text
+         id="text1125"
+         y="1145.1206"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422"
+           y="1145.1206"
+           x="89.204613"
+           id="tspan1123"
+           sodipodi:role="line">Purple</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="823.12061"
+         id="text951"><tspan
+           sodipodi:role="line"
+           id="tspan949"
+           x="89.204613"
+           y="823.12061"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#000000;stroke-width:0.90839422">Cyan</tspan></text>
+    </g>
+    <g
+       inkscape:label="black"
+       id="g1192"
+       inkscape:groupmode="layer"
+       style="display:none">
+      <path
+         
style="opacity:1;fill:#111111;fill-opacity:1;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"
+         d="M 1,1 V 879 H 799 V 1 Z m 167,167 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 
H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 
v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 
0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 
c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c 
-8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 
0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 
c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 
7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 
-16,-7.136 
 -16,-16 
 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 328 c 8.864,0 16,7.136 16,16 v 24 c 0,8.864 -7.136,16 -16,16 H 
168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z m 0,64 h 544 c 8.864,0 16,7.136 16,16 v 
24 c 0,8.864 -7.136,16 -16,16 H 168 c -8.864,0 -16,-7.136 -16,-16 v -24 c 0,-8.864 7.136,-16 16,-16 z"
+         transform="translate(0,562)"
+         id="path1190"
+         inkscape:connector-curvature="0"
+         
sodipodi:nodetypes="cccccsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss" />
+      <text
+         id="text1416"
+         y="663.04596"
+         x="85.669075"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:38.75815582px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Light';fill:#ffffff;stroke-width:0.90839422"
+           y="663.04596"
+           x="85.669075"
+           id="tspan1414"
+           sodipodi:role="line">GNOME Icons Color Palette</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="756.12061"
+         id="text1420"><tspan
+           sodipodi:role="line"
+           id="tspan1418"
+           x="89.204613"
+           y="756.12061"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422">Blue</tspan></text>
+      <text
+         id="text1424"
+         y="884.12061"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422"
+           y="884.12061"
+           x="89.204613"
+           id="tspan1422"
+           sodipodi:role="line">Green</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="948.12061"
+         id="text1428"><tspan
+           sodipodi:role="line"
+           id="tspan1426"
+           x="89.204613"
+           y="948.12061"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422">Yellow</tspan></text>
+      <text
+         id="text1432"
+         y="1012.1206"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422"
+           y="1012.1206"
+           x="89.204613"
+           id="tspan1430"
+           sodipodi:role="line">Orange</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="1076.1206"
+         id="text1436"><tspan
+           sodipodi:role="line"
+           id="tspan1434"
+           x="89.204613"
+           y="1076.1206"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422">Red</tspan></text>
+      <text
+         id="text1440"
+         y="1144.1206"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422"
+           y="1144.1206"
+           x="89.204613"
+           id="tspan1438"
+           sodipodi:role="line">Purple</tspan></text>
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         x="89.204613"
+         y="1210.1206"
+         id="text1444"><tspan
+           sodipodi:role="line"
+           id="tspan1442"
+           x="89.204613"
+           y="1210.1206"
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422">Brown</tspan></text>
+      <text
+         id="text1448"
+         y="1270.1206"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422"
+           y="1270.1206"
+           x="89.204613"
+           id="tspan1446"
+           sodipodi:role="line">Neutral</tspan></text>
+      <text
+         id="text955"
+         y="820.12061"
+         x="89.204613"
+         
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:38.75815582px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 
Ultra-Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.90839422"
+         xml:space="preserve"><tspan
+           
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.66666698px;font-family:Cantarell;-inkscape-font-specification:Cantarell;fill:#ffffff;stroke-width:0.90839422"
+           y="820.12061"
+           x="89.204613"
+           id="tspan953"
+           sodipodi:role="line">Cyan</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/hig/C/figures/icons/sizes.svg b/hig/C/figures/icons/sizes.svg
index 1a29f1be..dd7747ab 100644
--- a/hig/C/figures/icons/sizes.svg
+++ b/hig/C/figures/icons/sizes.svg
@@ -6100,18 +6100,18 @@
      borderopacity="0.25490196"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:zoom="0.70710678"
-     inkscape:cx="558.22448"
-     inkscape:cy="831.57445"
+     inkscape:zoom="1"
+     inkscape:cx="-163.48375"
+     inkscape:cy="425.68189"
      inkscape:current-layer="layer6"
      showgrid="false"
      inkscape:grid-bbox="true"
      inkscape:document-units="px"
      inkscape:showpageshadow="false"
-     inkscape:window-width="2560"
-     inkscape:window-height="1403"
-     inkscape:window-x="3440"
-     inkscape:window-y="0"
+     inkscape:window-width="3440"
+     inkscape:window-height="1376"
+     inkscape:window-x="0"
+     inkscape:window-y="61"
      width="400px"
      height="300px"
      inkscape:snap-nodes="false"
@@ -6814,7 +6814,7 @@
              sodipodi:role="line"
              id="tspan207196"
              x="165.2709"
-             y="-401.02283">512x512 px</tspan></text>
+             y="-401.02283">128x128 px</tspan></text>
         <path
            
style="display:inline;fill:none;stroke:#80b1e5;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
            d="m 90,-458 v 52 h 34"
@@ -7256,7 +7256,8 @@
          height="392"
          id="image11339"
          x="169.04567"
-         y="-238.01358" />
+         y="-238.01358"
+         style="image-rendering:optimizeSpeed" />
     </g>
   </g>
 </svg>
diff --git a/hig/C/figures/icons/whitespace.svg b/hig/C/figures/icons/whitespace.svg
index cb1cde48..39185e26 100644
--- a/hig/C/figures/icons/whitespace.svg
+++ b/hig/C/figures/icons/whitespace.svg
@@ -22,63 +22,11 @@
    inkscape:output_extension="org.inkscape.output.svg.inkscape"
    version="1.0"
    style="display:inline;enable-background:new"
-   viewBox="0 0 512 512">
+   viewBox="0 0 128 128">
   <title
      id="title4162">Adwaita Icon Template</title>
   <defs
      id="defs3">
-    <linearGradient
-       inkscape:collect="always"
-       id="linearGradient1132">
-      <stop
-         style="stop-color:#f6f5f4;stop-opacity:1;"
-         offset="0"
-         id="stop1127" />
-      <stop
-         style="stop-color:#fbfaf9;stop-opacity:1"
-         offset="1"
-         id="stop1130" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient1124"
-       inkscape:collect="always">
-      <stop
-         id="stop1118"
-         offset="0"
-         style="stop-color:#dcccaa;stop-opacity:1" />
-      <stop
-         style="stop-color:#d0bb8e;stop-opacity:1"
-         offset="0.37812281"
-         id="stop1120" />
-      <stop
-         id="stop1122"
-         offset="1"
-         style="stop-color:#bd9e5e;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient1116"
-       inkscape:collect="always">
-      <stop
-         id="stop1112"
-         offset="0"
-         style="stop-color:#d0bb8e;stop-opacity:1" />
-      <stop
-         id="stop1114"
-         offset="1"
-         style="stop-color:#dfd0b1;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       id="linearGradient1101">
-      <stop
-         style="stop-color:#fafafa;stop-opacity:1"
-         offset="0"
-         id="stop1097" />
-      <stop
-         style="stop-color:#eff0f1;stop-opacity:1"
-         offset="1"
-         id="stop1099" />
-    </linearGradient>
     <inkscape:path-effect
        effect="powerstroke"
        id="path-effect1194"
@@ -137,6 +85,39 @@
        x2="266"
        y2="172"
        gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1101">
+      <stop
+         style="stop-color:#fafafa;stop-opacity:1"
+         offset="0"
+         id="stop1097" />
+      <stop
+         style="stop-color:#eff0f1;stop-opacity:1"
+         offset="1"
+         id="stop1099" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1132"
+       id="linearGradient1134"
+       x1="256"
+       y1="139.99988"
+       x2="256"
+       y2="-235.00002"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1132">
+      <stop
+         style="stop-color:#f6f5f4;stop-opacity:1;"
+         offset="0"
+         id="stop1127" />
+      <stop
+         style="stop-color:#fbfaf9;stop-opacity:1"
+         offset="1"
+         id="stop1130" />
+    </linearGradient>
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient1116"
@@ -146,6 +127,18 @@
        x2="192"
        y2="338.54343"
        gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1116"
+       inkscape:collect="always">
+      <stop
+         id="stop1112"
+         offset="0"
+         style="stop-color:#d0bb8e;stop-opacity:1" />
+      <stop
+         id="stop1114"
+         offset="1"
+         style="stop-color:#dfd0b1;stop-opacity:1" />
+    </linearGradient>
     <radialGradient
        inkscape:collect="always"
        xlink:href="#linearGradient1124"
@@ -158,14 +151,21 @@
        gradientTransform="matrix(1.6444599,3.543939e-8,-3.3117136e-8,1.5367026,-206.56565,-349.7076)"
        gradientUnits="userSpaceOnUse" />
     <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient1132"
-       id="linearGradient1134"
-       x1="256"
-       y1="139.99988"
-       x2="256"
-       y2="-235.00002"
-       gradientUnits="userSpaceOnUse" />
+       id="linearGradient1124"
+       inkscape:collect="always">
+      <stop
+         id="stop1118"
+         offset="0"
+         style="stop-color:#dcccaa;stop-opacity:1" />
+      <stop
+         style="stop-color:#d0bb8e;stop-opacity:1"
+         offset="0.37812281"
+         id="stop1120" />
+      <stop
+         id="stop1122"
+         offset="1"
+         style="stop-color:#bd9e5e;stop-opacity:1" />
+    </linearGradient>
   </defs>
   <sodipodi:namedview
      stroke="#ef2929"
@@ -176,18 +176,18 @@
      borderopacity="0.25490196"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1"
-     inkscape:cx="168.99902"
-     inkscape:cy="109.72157"
+     inkscape:zoom="4"
+     inkscape:cx="-72.917507"
+     inkscape:cy="27.883188"
      inkscape:current-layer="layer9"
      showgrid="false"
      inkscape:grid-bbox="true"
      inkscape:document-units="px"
      inkscape:showpageshadow="false"
-     inkscape:window-width="2560"
-     inkscape:window-height="1403"
-     inkscape:window-x="3440"
-     inkscape:window-y="0"
+     inkscape:window-width="3440"
+     inkscape:window-height="1376"
+     inkscape:window-x="0"
+     inkscape:window-y="61"
      width="400px"
      height="300px"
      inkscape:snap-nodes="true"
@@ -310,227 +310,63 @@
      inkscape:label="Icon"
      inkscape:groupmode="layer"
      style="display:inline"
-     transform="translate(0,212)">
+     transform="translate(0,-172)">
     <g
        inkscape:groupmode="layer"
        id="layer2"
        inkscape:label="baseplate"
        style="display:inline">
+      <rect
+         
style="display:inline;overflow:visible;visibility:visible;fill:#f0f0f0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:accumulate"
+         id="rect13805"
+         width="128"
+         height="128"
+         x="9.2651362e-08"
+         y="172"
+         inkscape:label="512x512" />
       <g
-         style="display:inline;fill:#000000;enable-background:new"
-         transform="matrix(7.9911709,0,0,8.0036407,-167.7909,-4846.0776)"
-         id="g12027"
-         inkscape:export-xdpi="12"
-         inkscape:export-ydpi="12" />
-      <g
-         id="g1498"
-         transform="translate(-23.999998,24)">
+         style="display:inline;enable-background:new"
+         id="g1168"
+         transform="matrix(0.25,0,0,0.25,6.9488522e-8,225)">
+        <circle
+           cx="256"
+           cy="44"
+           r="240"
+           id="path1142"
+           
style="opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
 />
         <rect
-           inkscape:label="512x512"
-           y="-236"
-           x="23.999998"
-           height="512"
-           width="512"
-           id="rect13805"
-           
style="display:inline;overflow:visible;visibility:visible;fill:#eeeeec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
 />
-        <g
-           id="g1335"
-           style="display:inline;enable-background:new">
-          <path
-             
style="fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-             d="m 24.50505,-235.49495 510.9899,510.9899"
-             id="path906"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-             d="M 535.49495,-235.49495 24.50505,275.49495"
-             id="path908"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-             d="m 56,-236 -1e-5,512"
-             id="path910"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 88,-236 -1e-5,512"
-             id="path910-3"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 120,-236 -1e-5,512"
-             id="path910-6"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 152,-236 -1e-5,512"
-             id="path910-3-7"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 184,-236 -1e-5,512"
-             id="path910-5"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 216,-236 -1e-5,512"
-             id="path910-3-3"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 248,-236 -1e-5,512"
-             id="path910-6-5"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 280,-236 -10e-6,512"
-             id="path910-3-7-6"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 312,-236 -10e-6,512"
-             id="path910-5-2"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 344,-236 -10e-6,512"
-             id="path910-3-3-9"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 376,-236 -10e-6,512"
-             id="path910-6-5-1"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 408,-236 -10e-6,512"
-             id="path910-3-7-6-2"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 440,-236 -10e-6,512"
-             id="path910-5-2-7"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 472,-236 -10e-6,512"
-             id="path910-3-3-9-0"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 504,-236 -10e-6,512"
-             id="path910-6-5-1-9"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,244 512,1e-5"
-             id="path910-60"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,212 512,1e-5"
-             id="path910-3-6"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,180 512,1e-5"
-             id="path910-6-2"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,148 512,1e-5"
-             id="path910-3-7-61"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,116 512,1e-5"
-             id="path910-5-8"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,84 512,1e-5"
-             id="path910-3-3-7"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,52 512,1e-5"
-             id="path910-6-5-9"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,20 512,10e-6"
-             id="path910-3-7-6-20"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,-12 512,10e-6"
-             id="path910-5-2-2"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,-44 512,1e-5"
-             id="path910-3-3-9-3"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,-76 512,1e-5"
-             id="path910-6-5-1-7"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,-108 512,1e-5"
-             id="path910-3-7-6-2-5"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,-140 512,1e-5"
-             id="path910-5-2-7-9"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,-172 512,1e-5"
-             id="path910-3-3-9-0-2"
-             inkscape:connector-curvature="0" />
-          <path
-             
style="display:inline;fill:none;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
-             d="m 24,-204 512,1e-5"
-             id="path910-6-5-1-9-2"
-             inkscape:connector-curvature="0" />
-          <rect
-             
style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
-             id="rect1110"
-             width="319.99979"
-             height="448"
-             x="120"
-             y="-204"
-             rx="32"
-             ry="32" />
-          <rect
-             
style="display:inline;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
-             id="rect1110-8"
-             width="383.98993"
-             height="384.0231"
-             x="88"
-             y="-172.02309"
-             rx="32"
-             ry="32" />
-          <rect
-             
style="display:inline;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
-             id="rect1110-8-9"
-             width="448"
-             height="320"
-             x="56"
-             y="-140"
-             rx="32"
-             ry="32" />
-          <circle
-             
style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#729fcf;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
-             id="path1142"
-             cx="280"
-             cy="20.000002"
-             r="224" />
-        </g>
+           ry="32"
+           rx="32"
+           y="-180"
+           x="96"
+           height="448"
+           width="319.99979"
+           id="rect1110"
+           
style="opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
 />
+        <rect
+           ry="32"
+           rx="32"
+           y="-164"
+           x="48"
+           height="416"
+           width="416"
+           id="rect1110-8"
+           
style="display:inline;opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
 />
+        <rect
+           ry="32"
+           rx="32"
+           y="-116"
+           x="32"
+           height="320"
+           width="448"
+           id="rect1110-8-9"
+           
style="display:inline;opacity:0.1;fill:#2864b0;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
 />
       </g>
+      <path
+         
style="display:inline;opacity:0.472;vector-effect:none;fill:#4a86cf;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
+         d="M 0,172 V 300 H 128 V 172 Z m 8,8 H 120.125 V 292.125 H 8 Z"
+         id="rect991"
+         inkscape:connector-curvature="0" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -538,7 +374,7 @@
        inkscape:label="hires"
        style="display:inline;opacity:1">
       <g
-         transform="translate(4.77242e-8,1.8530274e-6)"
+         transform="matrix(0.25,0,0,0.25,0.05278429,224.97187)"
          style="display:inline;opacity:1;enable-background:new"
          id="g961-7">
         <rect
@@ -599,11 +435,6 @@
            d="M 260,-44 A 60,56.068359 0 0 0 201.01172,1.95898 C 200.35115,4.31389 200,6.78492 200,9.33398 v 
2.73438 26.59766 C 200,54.91668 214.272,68 232,68 h 23.87305 A 60,56.068359 0 0 0 260,68.13672 60,56.068359 0 
0 0 262.93164,68 H 264 c 3.6011,0 7.05601,-0.54839 10.28125,-1.54492 A 60,56.068359 0 0 0 320,12.06836 
60,56.068359 0 0 0 260,-44 Z"
            
style="opacity:1;vector-effect:none;fill:url(#radialGradient1127-2);fill-opacity:1;stroke:none;stroke-width:24;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
 />
       </g>
-      <path
-         
style="opacity:0.472;vector-effect:none;fill:#4a86cf;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
-         d="M 0 0 L 0 512 L 512 512 L 512 0 L 0 0 z M 32 32 L 480.5 32 L 480.5 480.5 L 32 480.5 L 32 32 z "
-         transform="translate(0,-212)"
-         id="rect991" />
     </g>
   </g>
 </svg>
diff --git a/hig/C/icons-and-artwork.page b/hig/C/icons-and-artwork.page
index d8ed90fe..9aea9269 100644
--- a/hig/C/icons-and-artwork.page
+++ b/hig/C/icons-and-artwork.page
@@ -62,24 +62,26 @@
 <section id="application-icons">
 <title>Application icons</title>
 
+<media type="image" mime="image/png" src="figures/icons/shading.svg"/>
+
 <p>Every application should have a unique and beautiful application icon. It is the face of the application, 
and the first visual element a user sees when browsing for new applications. The <link 
xref="application-basics">application basics page</link> includes details on what an application is, and when 
to provide an application icon.</p>
 
-<p>The nominal size of application icons is 512x512px. Application icons are, however, rarely rendered at 
this resolution. As display density started varying immensely, sticking to absolute pixel units has also 
become less practical.</p>
+<p>The nominal size of application icons is 128x128px. Application icons are, however, rarely rendered at 
this resolution. As display density started varying immensely, sticking to absolute pixel units has also 
become less practical.</p>
 
 <p>Because the application icon still get presented at lower resolution, the icon should feature only detail 
presentable at 64x64px resolution. The density of detail should not be higher, because it would get lost by 
filtering/scaling down.</p>
 
-<p>The default template includes an 8px grid which should help you avoid adding detail that's finer than the 
desired threshold.</p>
+<p>The default template includes a 2px grid which should help you avoid adding detail that's finer than the 
desired threshold.</p>
 
 <media type="image" mime="image/png" src="figures/icons/sizes.svg"/>
 
-<p>Application icons are mostly presented big, but the low level of detail will help when the icon is 
rendered at lower resolutions, such as System Settings panels.</p>
+<p>Application icons are mostly presented big, but the low level of detail will help when the icon is 
rendered at lower resolutions, such as System Settings panels (16x16px at low density displays).</p>
 
 </section>
 
 <section id="perspective">
 <title>Perspective &amp; Shape</title>
 
-<p>Just like the symbolic icons, fullcolor application icons should be rendered with a simple orthogonal 
view and no real or isometric perspective distortion. To provide depth a raised effect can be applied to 
mimic the Z-axis. Please keep the effect subtle though, rasing the obejct more than 2 detail units (16 
nominal pixels) is not recommended.</p>
+<p>Just like the symbolic icons, fullcolor application icons should be rendered with a simple orthogonal 
view and no real or isometric perspective distortion. To provide depth a raised effect can be applied to 
mimic the Z-axis. Please keep the effect subtle though, rasing the object more than 2 detail units (4 nominal 
pixels) is not recommended.</p>
 
 <p>It is desirable to give the app icon a unique silhouette. At the same time, to allow for a pleasing grid 
presentation among the other applications, the aspect ratio should not be very extreme. Very narrow or very 
wide objects should be avoided.</p>
 
@@ -91,11 +93,24 @@
 
 </section>
 
+<section id="shadows">
+<title>Shadows</title>
+
+<p>You are free to cast shadows internatlly. The light source is coming straight from the top. You 
+should avoid casting shadows outside the main silhouette of the icon as icon shadows are generated 
procedurally based on the alpha channel of the icon depending on the context. When app icons are presented on 
a white background, for example, a strong drop shadow is rendered to help define the contours.</p>
+<media type="image" mime="image/png" src="figures/icons/dropshadow.png"/>
+
+</section>
+
 <section id="palette">
 <title>Palette</title>
 
 <p>Below is the baseline GNOME app icon color palette.</p>
 
+<!-- will chop up into named sections once the colors stabilize -->
+<media type="image" mime="image/svg" src="figures/icons/palette/colors.svg"/>
+
+<!--
 <table>
 <tr>
 <td><p>Blue</p></td>
@@ -130,12 +145,13 @@
 <td><media type="image" mime="image/svg" src="figures/icons/palette/neutral.svg"/></td>
 </tr>
 </table>
+-->
 
-<p>You are free to use different shades of these colors depending on the desired material effect. However, 
these primary colors are a good baseline to start from. A GIMP/Inkscape format palette <link 
href="https://gitlab.gnome.org/Community/Design/icon-revolution/raw/master/Lobo.gpl";>is available</link>.</p>
+<p>You are free to use different shades of these colors depending on the desired material effect. However, 
these primary colors are a good baseline to start from. A GIMP/Inkscape format palette <link 
href="https://gitlab.gnome.org/Community/Design/HIG-app-icons/raw/62cb512ff95b2b3d57aeb5f806726d6be2eca74a/HIG.gpl";>is
 available</link>.</p>
 
 <p>It is recommended to keep flat surfaces unshaded, but using gradients to signify bent surface is 
allowed.</p>
 
-<media type="image" mime="image/png" src="figures/icons/shading.svg"/>
+
 
 </section>
 
@@ -165,14 +181,14 @@
 </section>
 
 
-
+<!-- graphic assets TODO
 <section id="stock-icons">
 <title>GNOME Icon Pack</title>
 
 <p>To avoid starting from scratch, we prepared a selection of commonly used icons you can include in your 
application, or create derivatives of. The set is licensed CC0, so they can be used regardless of your 
project's license.</p>
 
-<p>FIXME: link to a non-existant library.</p>
 </section>
+-->
 
 
 


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]