diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj
index ee4cc638..695012e9 100644
--- a/VDS.xcodeproj/project.pbxproj
+++ b/VDS.xcodeproj/project.pbxproj
@@ -63,6 +63,7 @@
 		EA985BF9296C710100F2FF2E /* IconColor.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA985BF8296C710100F2FF2E /* IconColor.swift */; };
 		EA985C1D296CD13600F2FF2E /* BundleManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA985C1C296CD13600F2FF2E /* BundleManager.swift */; };
 		EA985C23296E033A00F2FF2E /* TextArea.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA985C22296E033A00F2FF2E /* TextArea.swift */; };
+		EA985C2D296F03FE00F2FF2E /* TiletIconModels.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA985C2C296F03FE00F2FF2E /* TiletIconModels.swift */; };
 		EAA5EEB528ECBFB4003B3210 /* ImageLabelAttribute.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAA5EEB428ECBFB4003B3210 /* ImageLabelAttribute.swift */; };
 		EAA5EEB728ECC03A003B3210 /* ToolTipLabelAttribute.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAA5EEB628ECC03A003B3210 /* ToolTipLabelAttribute.swift */; };
 		EAA5EEB928ECD24B003B3210 /* Icons.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = EAA5EEB828ECD24B003B3210 /* Icons.xcassets */; };
@@ -175,6 +176,7 @@
 		EA985BF8296C710100F2FF2E /* IconColor.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = IconColor.swift; sourceTree = "<group>"; };
 		EA985C1C296CD13600F2FF2E /* BundleManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BundleManager.swift; sourceTree = "<group>"; };
 		EA985C22296E033A00F2FF2E /* TextArea.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextArea.swift; sourceTree = "<group>"; };
+		EA985C2C296F03FE00F2FF2E /* TiletIconModels.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TiletIconModels.swift; sourceTree = "<group>"; };
 		EAA5EEB428ECBFB4003B3210 /* ImageLabelAttribute.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ImageLabelAttribute.swift; sourceTree = "<group>"; };
 		EAA5EEB628ECC03A003B3210 /* ToolTipLabelAttribute.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ToolTipLabelAttribute.swift; sourceTree = "<group>"; };
 		EAA5EEB828ECD24B003B3210 /* Icons.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Icons.xcassets; sourceTree = "<group>"; };
@@ -498,6 +500,7 @@
 				EA985BE529688F6A00F2FF2E /* TiletBadgeModel.swift */,
 				EA985BE929689B6D00F2FF2E /* TiletSubTitleModel.swift */,
 				EA985BE72968951C00F2FF2E /* TiletTitleModel.swift */,
+				EA985C2C296F03FE00F2FF2E /* TiletIconModels.swift */,
 			);
 			path = Tilet;
 			sourceTree = "<group>";
@@ -744,6 +747,7 @@
 				EAF7F0B5289C126F00B287F5 /* UILabel.swift in Sources */,
 				EA5E304C294CBDD00082B959 /* TileContainer.swift in Sources */,
 				EAF7F0A6289B0CE000B287F5 /* Resetable.swift in Sources */,
+				EA985C2D296F03FE00F2FF2E /* TiletIconModels.swift in Sources */,
 				EA89200428AECF4B006B9984 /* UITextField+Publisher.swift in Sources */,
 				EA3361C328902D960071C351 /* Toggle.swift in Sources */,
 				EAF7F0A0289AB7EC00B287F5 /* View.swift in Sources */,
diff --git a/VDS/Components/Tilet/TiletIconModels.swift b/VDS/Components/Tilet/TiletIconModels.swift
new file mode 100644
index 00000000..744631e1
--- /dev/null
+++ b/VDS/Components/Tilet/TiletIconModels.swift
@@ -0,0 +1,31 @@
+//
+//  TiletDescriptiveIconModel.swift
+//  VDS
+//
+//  Created by Matt Bruce on 1/11/23.
+//
+
+import Foundation
+import UIKit
+
+public struct TiletDescriptiveIcon {
+    public var name: IconName
+    public var size: IconSize
+    public var surface: Surface
+    
+    public init(name: IconName = .multipleDocuments, size: IconSize, surface: Surface) {
+        self.name = name
+        self.size = size
+        self.surface = surface
+    }
+}
+
+public struct TiletDirectionalIcon {
+    public var size: IconSize
+    public var surface: Surface
+    
+    public init(size: IconSize, surface: Surface) {
+        self.size = size
+        self.surface = surface
+    }
+}
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/left-arrow.imageset/Contents.json b/VDS/SupportingFiles/Icons.xcassets/Restricted/left-arrow.imageset/Contents.json
new file mode 100644
index 00000000..5b9739ba
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/left-arrow.imageset/Contents.json
@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "left-arrow.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/left-arrow.imageset/left-arrow.svg b/VDS/SupportingFiles/Icons.xcassets/Restricted/left-arrow.imageset/left-arrow.svg
new file mode 100644
index 00000000..da594e9d
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/left-arrow.imageset/left-arrow.svg
@@ -0,0 +1,3 @@
+<svg id="Left_Arrow" data-name="Left Arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.6 21.6">
+  <path d="M19.8,11.37251H4.01466l7.68305,7.61761-.817.80988L1.8,10.8l9.08069-9,.817.80988-7.683,7.61761H19.8Z"/>
+</svg>
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/multiple-documents.imageset/Contents.json b/VDS/SupportingFiles/Icons.xcassets/Restricted/multiple-documents.imageset/Contents.json
new file mode 100644
index 00000000..a8edc344
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/multiple-documents.imageset/Contents.json
@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "multiple-documents.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/multiple-documents.imageset/multiple-documents.svg b/VDS/SupportingFiles/Icons.xcassets/Restricted/multiple-documents.imageset/multiple-documents.svg
new file mode 100644
index 00000000..b5a14342
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/multiple-documents.imageset/multiple-documents.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 21.6 21.6" style="enable-background:new 0 0 21.6 21.6;" xml:space="preserve">
+<path d="M9.2,10.7L7.9,9.4l0.8-0.8l0.5,0.5l1.4-1.4l0.8,0.8L9.2,10.7z M17.2,8.5h-4.7v1.1h4.7V8.5z M11.4,11.9l-0.8-0.8l-1.4,1.4
+	L8.7,12l-0.8,0.8L9.2,14L11.4,11.9z M17.2,11.9h-4.7V13h4.7V11.9z M11.4,15.3l-0.8-0.8l-1.4,1.4l-0.5-0.5l-0.8,0.8l1.3,1.3
+	L11.4,15.3z M17.2,15.3h-4.7v1.1h4.7V15.3z M19.8,5.4v14.4H5.4v-3.6H1.8V1.8h14.4v3.6C16.2,5.4,19.8,5.4,19.8,5.4z M5.4,5.4h9.7V2.9
+	H2.9V15h2.5V5.4z M18.7,6.5H6.5v12.1h12.2V6.5z"/>
+</svg>
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/right-arrow.imageset/Contents.json b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-arrow.imageset/Contents.json
new file mode 100644
index 00000000..de24a6e9
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-arrow.imageset/Contents.json
@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "right-arrow.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/right-arrow.imageset/right-arrow.svg b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-arrow.imageset/right-arrow.svg
new file mode 100644
index 00000000..3b085d8d
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-arrow.imageset/right-arrow.svg
@@ -0,0 +1,3 @@
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.6 21.6">
+  <path d="M10.71933,19.8l-.817-.80985,7.683-7.61765H1.8v-1.145H17.58533l-7.683-7.61765.817-.80985L19.8,10.8Z"/>
+</svg>
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/right-caret.imageset/Contents.json b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-caret.imageset/Contents.json
new file mode 100644
index 00000000..616090e3
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-caret.imageset/Contents.json
@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "right-caret.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/VDS/SupportingFiles/Icons.xcassets/Restricted/right-caret.imageset/right-caret.svg b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-caret.imageset/right-caret.svg
new file mode 100644
index 00000000..98ecd43c
--- /dev/null
+++ b/VDS/SupportingFiles/Icons.xcassets/Restricted/right-caret.imageset/right-caret.svg
@@ -0,0 +1,3 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.6 21.6">
+  <polygon points="6.71 19.8 5.89 18.981 14.07 10.799 5.89 2.619 6.71 1.8 15.71 10.799 6.71 19.8"/>
+</svg>