From f64c0f1c774bd9aec36aaa901df5800aad26a193 Mon Sep 17 00:00:00 2001
From: Gavin Nishizawa <gavin@terrastruct.com>
Date: Tue, 30 May 2023 11:32:40 -0700
Subject: [PATCH] add grid_icon test

---
 e2etests/stable_test.go                       |    1 +
 e2etests/testdata/files/grid_icon.d2          |   67 +
 .../stable/grid_icon/dagre/board.exp.json     | 1271 +++++++++++++++++
 .../stable/grid_icon/dagre/sketch.exp.svg     |  102 ++
 .../stable/grid_icon/elk/board.exp.json       | 1271 +++++++++++++++++
 .../stable/grid_icon/elk/sketch.exp.svg       |  102 ++
 6 files changed, 2814 insertions(+)
 create mode 100644 e2etests/testdata/files/grid_icon.d2
 create mode 100644 e2etests/testdata/stable/grid_icon/dagre/board.exp.json
 create mode 100644 e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
 create mode 100644 e2etests/testdata/stable/grid_icon/elk/board.exp.json
 create mode 100644 e2etests/testdata/stable/grid_icon/elk/sketch.exp.svg

diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index f88f82fb5..ff25dfd6d 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -2723,6 +2723,7 @@ scenarios: {
 		loadFromFile(t, "grid_large_checkered"),
 		loadFromFile(t, "grid_nested"),
 		loadFromFile(t, "grid_nested_gap0"),
+		loadFromFile(t, "grid_icon"),
 		loadFromFile(t, "multiple_offset"),
 		loadFromFile(t, "multiple_offset_left"),
 	}
diff --git a/e2etests/testdata/files/grid_icon.d2 b/e2etests/testdata/files/grid_icon.d2
new file mode 100644
index 000000000..40fdce41e
--- /dev/null
+++ b/e2etests/testdata/files/grid_icon.d2
@@ -0,0 +1,67 @@
+classes: {
+  2x2: {
+    grid-rows: 2
+    grid-columns: 2
+  }
+}
+
+grid w/ container + icon: {
+  class: 2x2
+
+  a
+  b: {
+    b child
+
+    icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+  }
+  c
+  d
+}
+
+grid + icon: {
+  class: 2x2
+
+  icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+
+  a
+  b
+  c
+  d
+}
+
+grid + icon w/ container: {
+  class: 2x2
+
+  icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+
+  a
+  b: {
+    b child
+  }
+  c
+  d
+}
+
+no label grid w/ container + icon: "" {
+  class: 2x2
+
+  a
+  b: {
+    b child
+
+    icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+  }
+  c
+  d
+}
+
+no label grid + icon: "" {
+  class: 2x2
+
+  icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+
+  a
+  b
+  c
+  d
+}
diff --git a/e2etests/testdata/stable/grid_icon/dagre/board.exp.json b/e2etests/testdata/stable/grid_icon/dagre/board.exp.json
new file mode 100644
index 000000000..4f7aa96e8
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/dagre/board.exp.json
@@ -0,0 +1,1271 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 0,
+        "y": 21
+      },
+      "width": 384,
+      "height": 356,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid w/ container + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 273,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 60,
+        "y": 81
+      },
+      "width": 53,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 153,
+        "y": 81
+      },
+      "width": 171,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 193,
+        "y": 113
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 60,
+        "y": 251
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 153,
+        "y": 251
+      },
+      "width": 171,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 444,
+        "y": 32
+      },
+      "width": 267,
+      "height": 333,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 120,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 504,
+        "y": 92
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 597,
+        "y": 92
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 504,
+        "y": 198
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 597,
+        "y": 198
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 771,
+        "y": 0
+      },
+      "width": 384,
+      "height": 397,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon w/ container",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 275,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon w/ container.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 831,
+        "y": 60
+      },
+      "width": 53,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 924,
+        "y": 60
+      },
+      "width": 171,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 964,
+        "y": 92
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid + icon w/ container.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 831,
+        "y": 230
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 924,
+        "y": 230
+      },
+      "width": 171,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1215,
+        "y": 21
+      },
+      "width": 384,
+      "height": 356,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1275,
+        "y": 81
+      },
+      "width": 53,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1368,
+        "y": 81
+      },
+      "width": 171,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 1408,
+        "y": 113
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "no label grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1275,
+        "y": 251
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1368,
+        "y": 251
+      },
+      "width": 171,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1659,
+        "y": 53
+      },
+      "width": 267,
+      "height": 292,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1719,
+        "y": 113
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1812,
+        "y": 113
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1719,
+        "y": 219
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1812,
+        "y": 219
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    }
+  ],
+  "connections": [],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
new file mode 100644
index 000000000..808c46fca
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1928 399"><svg id="d2-svg" class="d2-456176936" width="1928" height="399" viewBox="-1 -1 1928 399"><rect x="-1.000000" y="-1.000000" width="1928.000000" height="399.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-456176936 .text {
+	font-family: "d2-456176936-font-regular";
+}
+@font-face {
+	font-family: d2-456176936-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-456176936 .text-bold {
+	font-family: "d2-456176936-font-bold";
+}
+@font-face {
+	font-family: d2-456176936-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-456176936 .fill-N1{fill:#0A0F25;}
+		.d2-456176936 .fill-N2{fill:#676C7E;}
+		.d2-456176936 .fill-N3{fill:#9499AB;}
+		.d2-456176936 .fill-N4{fill:#CFD2DD;}
+		.d2-456176936 .fill-N5{fill:#DEE1EB;}
+		.d2-456176936 .fill-N6{fill:#EEF1F8;}
+		.d2-456176936 .fill-N7{fill:#FFFFFF;}
+		.d2-456176936 .fill-B1{fill:#0D32B2;}
+		.d2-456176936 .fill-B2{fill:#0D32B2;}
+		.d2-456176936 .fill-B3{fill:#E3E9FD;}
+		.d2-456176936 .fill-B4{fill:#E3E9FD;}
+		.d2-456176936 .fill-B5{fill:#EDF0FD;}
+		.d2-456176936 .fill-B6{fill:#F7F8FE;}
+		.d2-456176936 .fill-AA2{fill:#4A6FF3;}
+		.d2-456176936 .fill-AA4{fill:#EDF0FD;}
+		.d2-456176936 .fill-AA5{fill:#F7F8FE;}
+		.d2-456176936 .fill-AB4{fill:#EDF0FD;}
+		.d2-456176936 .fill-AB5{fill:#F7F8FE;}
+		.d2-456176936 .stroke-N1{stroke:#0A0F25;}
+		.d2-456176936 .stroke-N2{stroke:#676C7E;}
+		.d2-456176936 .stroke-N3{stroke:#9499AB;}
+		.d2-456176936 .stroke-N4{stroke:#CFD2DD;}
+		.d2-456176936 .stroke-N5{stroke:#DEE1EB;}
+		.d2-456176936 .stroke-N6{stroke:#EEF1F8;}
+		.d2-456176936 .stroke-N7{stroke:#FFFFFF;}
+		.d2-456176936 .stroke-B1{stroke:#0D32B2;}
+		.d2-456176936 .stroke-B2{stroke:#0D32B2;}
+		.d2-456176936 .stroke-B3{stroke:#E3E9FD;}
+		.d2-456176936 .stroke-B4{stroke:#E3E9FD;}
+		.d2-456176936 .stroke-B5{stroke:#EDF0FD;}
+		.d2-456176936 .stroke-B6{stroke:#F7F8FE;}
+		.d2-456176936 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-456176936 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-456176936 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-456176936 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-456176936 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-456176936 .background-color-N1{background-color:#0A0F25;}
+		.d2-456176936 .background-color-N2{background-color:#676C7E;}
+		.d2-456176936 .background-color-N3{background-color:#9499AB;}
+		.d2-456176936 .background-color-N4{background-color:#CFD2DD;}
+		.d2-456176936 .background-color-N5{background-color:#DEE1EB;}
+		.d2-456176936 .background-color-N6{background-color:#EEF1F8;}
+		.d2-456176936 .background-color-N7{background-color:#FFFFFF;}
+		.d2-456176936 .background-color-B1{background-color:#0D32B2;}
+		.d2-456176936 .background-color-B2{background-color:#0D32B2;}
+		.d2-456176936 .background-color-B3{background-color:#E3E9FD;}
+		.d2-456176936 .background-color-B4{background-color:#E3E9FD;}
+		.d2-456176936 .background-color-B5{background-color:#EDF0FD;}
+		.d2-456176936 .background-color-B6{background-color:#F7F8FE;}
+		.d2-456176936 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-456176936 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-456176936 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-456176936 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-456176936 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-456176936 .color-N1{color:#0A0F25;}
+		.d2-456176936 .color-N2{color:#676C7E;}
+		.d2-456176936 .color-N3{color:#9499AB;}
+		.d2-456176936 .color-N4{color:#CFD2DD;}
+		.d2-456176936 .color-N5{color:#DEE1EB;}
+		.d2-456176936 .color-N6{color:#EEF1F8;}
+		.d2-456176936 .color-N7{color:#FFFFFF;}
+		.d2-456176936 .color-B1{color:#0D32B2;}
+		.d2-456176936 .color-B2{color:#0D32B2;}
+		.d2-456176936 .color-B3{color:#E3E9FD;}
+		.d2-456176936 .color-B4{color:#E3E9FD;}
+		.d2-456176936 .color-B5{color:#EDF0FD;}
+		.d2-456176936 .color-B6{color:#F7F8FE;}
+		.d2-456176936 .color-AA2{color:#4A6FF3;}
+		.d2-456176936 .color-AA4{color:#EDF0FD;}
+		.d2-456176936 .color-AA5{color:#F7F8FE;}
+		.d2-456176936 .color-AB4{color:#EDF0FD;}
+		.d2-456176936 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container + icon" class="2x2"><g class="shape" ><rect x="0.000000" y="21.000000" width="384.000000" height="356.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="54.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container + icon</text></g><g id="grid + icon" class="2x2"><g class="shape" ><rect x="444.000000" y="32.000000" width="267.000000" height="333.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="545.500000" y="166.500000" width="64" height="64" /><text x="577.500000" y="65.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon</text></g><g id="grid + icon w/ container" class="2x2"><g class="shape" ><rect x="771.000000" y="0.000000" width="384.000000" height="397.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="931.000000" y="166.500000" width="64" height="64" /><text x="963.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon w/ container</text></g><g id="no label grid w/ container + icon" class="2x2"><g class="shape" ><rect x="1215.000000" y="21.000000" width="384.000000" height="356.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="no label grid + icon" class="2x2"><g class="shape" ><rect x="1659.000000" y="53.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1760.500000" y="167.000000" width="64" height="64" /></g><g id="grid w/ container + icon.a"><g class="shape" ><rect x="60.000000" y="81.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="151.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container + icon.b"><g class="shape" ><rect x="153.000000" y="81.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="206.500000" y="114.000000" width="64" height="64" /><text x="238.500000" y="110.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container + icon.c"><g class="shape" ><rect x="60.000000" y="251.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container + icon.d"><g class="shape" ><rect x="153.000000" y="251.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="238.500000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon.a"><g class="shape" ><rect x="504.000000" y="92.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="530.500000" y="130.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon.b"><g class="shape" ><rect x="597.000000" y="92.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="624.000000" y="130.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid + icon.c"><g class="shape" ><rect x="504.000000" y="198.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="530.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon.d"><g class="shape" ><rect x="597.000000" y="198.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="624.000000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon w/ container.a"><g class="shape" ><rect x="831.000000" y="60.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="857.500000" y="130.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon w/ container.b"><g class="shape" ><rect x="924.000000" y="60.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1009.500000" y="133.500000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid + icon w/ container.c"><g class="shape" ><rect x="831.000000" y="230.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="857.500000" y="268.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon w/ container.d"><g class="shape" ><rect x="924.000000" y="230.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1009.500000" y="268.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid w/ container + icon.a"><g class="shape" ><rect x="1275.000000" y="81.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1301.500000" y="151.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid w/ container + icon.b"><g class="shape" ><rect x="1368.000000" y="81.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1421.500000" y="114.000000" width="64" height="64" /><text x="1453.500000" y="110.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="no label grid w/ container + icon.c"><g class="shape" ><rect x="1275.000000" y="251.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1301.500000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid w/ container + icon.d"><g class="shape" ><rect x="1368.000000" y="251.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1453.500000" y="289.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid + icon.a"><g class="shape" ><rect x="1719.000000" y="113.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1745.500000" y="151.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid + icon.b"><g class="shape" ><rect x="1812.000000" y="113.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1839.000000" y="151.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="no label grid + icon.c"><g class="shape" ><rect x="1719.000000" y="219.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1745.500000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid + icon.d"><g class="shape" ><rect x="1812.000000" y="219.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1839.000000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container + icon.b.b child"><g class="shape" ><rect x="193.000000" y="113.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="238.500000" y="151.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid + icon w/ container.b.b child"><g class="shape" ><rect x="964.000000" y="92.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1009.500000" y="130.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="no label grid w/ container + icon.b.b child"><g class="shape" ><rect x="1408.000000" y="113.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1453.500000" y="151.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><mask id="d2-456176936" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1928" height="399">
+<rect x="-1" y="-1" width="1928" height="399" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/grid_icon/elk/board.exp.json b/e2etests/testdata/stable/grid_icon/elk/board.exp.json
new file mode 100644
index 000000000..4cbb1ccf2
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/elk/board.exp.json
@@ -0,0 +1,1271 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 12,
+        "y": 20
+      },
+      "width": 404,
+      "height": 416,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid w/ container + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 273,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 72,
+        "y": 80
+      },
+      "width": 53,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 165,
+        "y": 80
+      },
+      "width": 191,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 215,
+        "y": 154
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 72,
+        "y": 310
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 165,
+        "y": 310
+      },
+      "width": 191,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 436,
+        "y": 62
+      },
+      "width": 267,
+      "height": 333,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 120,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 496,
+        "y": 122
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 589,
+        "y": 122
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 496,
+        "y": 228
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 589,
+        "y": 228
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 723,
+        "y": 12
+      },
+      "width": 404,
+      "height": 433,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon w/ container",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 275,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon w/ container.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 783,
+        "y": 72
+      },
+      "width": 53,
+      "height": 166,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 876,
+        "y": 72
+      },
+      "width": 191,
+      "height": 166,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 926,
+        "y": 122
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid + icon w/ container.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 783,
+        "y": 278
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 876,
+        "y": 278
+      },
+      "width": 191,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1147,
+        "y": 20
+      },
+      "width": 404,
+      "height": 416,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1207,
+        "y": 80
+      },
+      "width": 53,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1300,
+        "y": 80
+      },
+      "width": 191,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 1350,
+        "y": 154
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "no label grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1207,
+        "y": 310
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1300,
+        "y": 310
+      },
+      "width": 191,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1571,
+        "y": 82
+      },
+      "width": 267,
+      "height": 292,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_MIDDLE_CENTER",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1631,
+        "y": 142
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1724,
+        "y": 142
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1631,
+        "y": 248
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1724,
+        "y": 248
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    }
+  ],
+  "connections": [],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/grid_icon/elk/sketch.exp.svg b/e2etests/testdata/stable/grid_icon/elk/sketch.exp.svg
new file mode 100644
index 000000000..f10778ef9
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/elk/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1828 435"><svg id="d2-svg" class="d2-2149933755" width="1828" height="435" viewBox="11 11 1828 435"><rect x="11.000000" y="11.000000" width="1828.000000" height="435.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2149933755 .text {
+	font-family: "d2-2149933755-font-regular";
+}
+@font-face {
+	font-family: d2-2149933755-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-2149933755 .text-bold {
+	font-family: "d2-2149933755-font-bold";
+}
+@font-face {
+	font-family: d2-2149933755-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-2149933755 .fill-N1{fill:#0A0F25;}
+		.d2-2149933755 .fill-N2{fill:#676C7E;}
+		.d2-2149933755 .fill-N3{fill:#9499AB;}
+		.d2-2149933755 .fill-N4{fill:#CFD2DD;}
+		.d2-2149933755 .fill-N5{fill:#DEE1EB;}
+		.d2-2149933755 .fill-N6{fill:#EEF1F8;}
+		.d2-2149933755 .fill-N7{fill:#FFFFFF;}
+		.d2-2149933755 .fill-B1{fill:#0D32B2;}
+		.d2-2149933755 .fill-B2{fill:#0D32B2;}
+		.d2-2149933755 .fill-B3{fill:#E3E9FD;}
+		.d2-2149933755 .fill-B4{fill:#E3E9FD;}
+		.d2-2149933755 .fill-B5{fill:#EDF0FD;}
+		.d2-2149933755 .fill-B6{fill:#F7F8FE;}
+		.d2-2149933755 .fill-AA2{fill:#4A6FF3;}
+		.d2-2149933755 .fill-AA4{fill:#EDF0FD;}
+		.d2-2149933755 .fill-AA5{fill:#F7F8FE;}
+		.d2-2149933755 .fill-AB4{fill:#EDF0FD;}
+		.d2-2149933755 .fill-AB5{fill:#F7F8FE;}
+		.d2-2149933755 .stroke-N1{stroke:#0A0F25;}
+		.d2-2149933755 .stroke-N2{stroke:#676C7E;}
+		.d2-2149933755 .stroke-N3{stroke:#9499AB;}
+		.d2-2149933755 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2149933755 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2149933755 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2149933755 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2149933755 .stroke-B1{stroke:#0D32B2;}
+		.d2-2149933755 .stroke-B2{stroke:#0D32B2;}
+		.d2-2149933755 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2149933755 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2149933755 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2149933755 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2149933755 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2149933755 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2149933755 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2149933755 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2149933755 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2149933755 .background-color-N1{background-color:#0A0F25;}
+		.d2-2149933755 .background-color-N2{background-color:#676C7E;}
+		.d2-2149933755 .background-color-N3{background-color:#9499AB;}
+		.d2-2149933755 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2149933755 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2149933755 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2149933755 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2149933755 .background-color-B1{background-color:#0D32B2;}
+		.d2-2149933755 .background-color-B2{background-color:#0D32B2;}
+		.d2-2149933755 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2149933755 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2149933755 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2149933755 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2149933755 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2149933755 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2149933755 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2149933755 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2149933755 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2149933755 .color-N1{color:#0A0F25;}
+		.d2-2149933755 .color-N2{color:#676C7E;}
+		.d2-2149933755 .color-N3{color:#9499AB;}
+		.d2-2149933755 .color-N4{color:#CFD2DD;}
+		.d2-2149933755 .color-N5{color:#DEE1EB;}
+		.d2-2149933755 .color-N6{color:#EEF1F8;}
+		.d2-2149933755 .color-N7{color:#FFFFFF;}
+		.d2-2149933755 .color-B1{color:#0D32B2;}
+		.d2-2149933755 .color-B2{color:#0D32B2;}
+		.d2-2149933755 .color-B3{color:#E3E9FD;}
+		.d2-2149933755 .color-B4{color:#E3E9FD;}
+		.d2-2149933755 .color-B5{color:#EDF0FD;}
+		.d2-2149933755 .color-B6{color:#F7F8FE;}
+		.d2-2149933755 .color-AA2{color:#4A6FF3;}
+		.d2-2149933755 .color-AA4{color:#EDF0FD;}
+		.d2-2149933755 .color-AA5{color:#F7F8FE;}
+		.d2-2149933755 .color-AB4{color:#EDF0FD;}
+		.d2-2149933755 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container + icon" class="2x2"><g class="shape" ><rect x="12.000000" y="20.000000" width="404.000000" height="416.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="214.000000" y="53.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container + icon</text></g><g id="grid + icon" class="2x2"><g class="shape" ><rect x="436.000000" y="62.000000" width="267.000000" height="333.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="537.500000" y="196.500000" width="64" height="64" /><text x="569.500000" y="95.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon</text></g><g id="grid + icon w/ container" class="2x2"><g class="shape" ><rect x="723.000000" y="12.000000" width="404.000000" height="433.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="893.000000" y="196.500000" width="64" height="64" /><text x="925.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon w/ container</text></g><g id="no label grid w/ container + icon" class="2x2"><g class="shape" ><rect x="1147.000000" y="20.000000" width="404.000000" height="416.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="no label grid + icon" class="2x2"><g class="shape" ><rect x="1571.000000" y="82.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1672.500000" y="196.000000" width="64" height="64" /></g><g id="grid w/ container + icon.a"><g class="shape" ><rect x="72.000000" y="80.000000" width="53.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container + icon.b"><g class="shape" ><rect x="165.000000" y="80.000000" width="191.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="228.500000" y="143.000000" width="64" height="64" /><text x="260.500000" y="109.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container + icon.c"><g class="shape" ><rect x="72.000000" y="310.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="348.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container + icon.d"><g class="shape" ><rect x="165.000000" y="310.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="348.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon.a"><g class="shape" ><rect x="496.000000" y="122.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="522.500000" y="160.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon.b"><g class="shape" ><rect x="589.000000" y="122.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="616.000000" y="160.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid + icon.c"><g class="shape" ><rect x="496.000000" y="228.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="522.500000" y="266.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon.d"><g class="shape" ><rect x="589.000000" y="228.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="616.000000" y="266.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon w/ container.a"><g class="shape" ><rect x="783.000000" y="72.000000" width="53.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="809.500000" y="160.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon w/ container.b"><g class="shape" ><rect x="876.000000" y="72.000000" width="191.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="971.500000" y="163.500000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid + icon w/ container.c"><g class="shape" ><rect x="783.000000" y="278.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="809.500000" y="316.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon w/ container.d"><g class="shape" ><rect x="876.000000" y="278.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="971.500000" y="316.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid w/ container + icon.a"><g class="shape" ><rect x="1207.000000" y="80.000000" width="53.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1233.500000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid w/ container + icon.b"><g class="shape" ><rect x="1300.000000" y="80.000000" width="191.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1363.500000" y="143.000000" width="64" height="64" /><text x="1395.500000" y="109.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="no label grid w/ container + icon.c"><g class="shape" ><rect x="1207.000000" y="310.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1233.500000" y="348.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid w/ container + icon.d"><g class="shape" ><rect x="1300.000000" y="310.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1395.500000" y="348.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid + icon.a"><g class="shape" ><rect x="1631.000000" y="142.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1657.500000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid + icon.b"><g class="shape" ><rect x="1724.000000" y="142.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1751.000000" y="180.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="no label grid + icon.c"><g class="shape" ><rect x="1631.000000" y="248.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1657.500000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid + icon.d"><g class="shape" ><rect x="1724.000000" y="248.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1751.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container + icon.b.b child"><g class="shape" ><rect x="215.000000" y="154.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="260.500000" y="192.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid + icon w/ container.b.b child"><g class="shape" ><rect x="926.000000" y="122.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="971.500000" y="160.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="no label grid w/ container + icon.b.b child"><g class="shape" ><rect x="1350.000000" y="154.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1395.500000" y="192.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><mask id="d2-2149933755" maskUnits="userSpaceOnUse" x="11" y="11" width="1828" height="435">
+<rect x="11" y="11" width="1828" height="435" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file