diff --git a/react/src/lib/ActivityButton/tests/__snapshots__/index.spec.js.snap b/react/src/lib/ActivityButton/tests/__snapshots__/index.spec.js.snap
index 03f9de56c1..7e19512d63 100644
--- a/react/src/lib/ActivityButton/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/ActivityButton/tests/__snapshots__/index.spec.js.snap
@@ -29,6 +29,7 @@ ShallowWrapper {
       "ariaLabel": "test",
       "ariaLabelledBy": "",
       "children": <Icon
+        append={false}
         ariaLabel={null}
         buttonClassName=""
         className=""
@@ -37,6 +38,7 @@ ShallowWrapper {
         isAria={true}
         name="chat_28"
         onClick={null}
+        prepend={false}
         size={null}
         sizeOverride={false}
         style={null}
@@ -68,6 +70,7 @@ ShallowWrapper {
       "key": undefined,
       "nodeType": "class",
       "props": Object {
+        "append": false,
         "ariaLabel": null,
         "buttonClassName": "",
         "className": "",
@@ -76,6 +79,7 @@ ShallowWrapper {
         "isAria": true,
         "name": "chat_28",
         "onClick": null,
+        "prepend": false,
         "size": null,
         "sizeOverride": false,
         "style": null,
@@ -98,6 +102,7 @@ ShallowWrapper {
         "ariaLabel": "test",
         "ariaLabelledBy": "",
         "children": <Icon
+          append={false}
           ariaLabel={null}
           buttonClassName=""
           className=""
@@ -106,6 +111,7 @@ ShallowWrapper {
           isAria={true}
           name="chat_28"
           onClick={null}
+          prepend={false}
           size={null}
           sizeOverride={false}
           style={null}
@@ -137,6 +143,7 @@ ShallowWrapper {
         "key": undefined,
         "nodeType": "class",
         "props": Object {
+          "append": false,
           "ariaLabel": null,
           "buttonClassName": "",
           "className": "",
@@ -145,6 +152,7 @@ ShallowWrapper {
           "isAria": true,
           "name": "chat_28",
           "onClick": null,
+          "prepend": false,
           "size": null,
           "sizeOverride": false,
           "style": null,
diff --git a/react/src/lib/Alert/tests/__snapshots__/index.spec.js.snap b/react/src/lib/Alert/tests/__snapshots__/index.spec.js.snap
index be627b08f6..5f0e80bb78 100644
--- a/react/src/lib/Alert/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/Alert/tests/__snapshots__/index.spec.js.snap
@@ -70,6 +70,7 @@ ShallowWrapper {
             type="button"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -78,6 +79,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -179,6 +181,7 @@ ShallowWrapper {
             type="button"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -187,6 +190,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -206,6 +210,7 @@ ShallowWrapper {
             "ariaLabel": "",
             "ariaLabelledBy": "",
             "children": <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -214,6 +219,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -245,6 +251,7 @@ ShallowWrapper {
             "key": undefined,
             "nodeType": "class",
             "props": Object {
+              "append": false,
               "ariaLabel": null,
               "buttonClassName": "",
               "className": "",
@@ -253,6 +260,7 @@ ShallowWrapper {
               "isAria": true,
               "name": "cancel_16",
               "onClick": null,
+              "prepend": false,
               "size": null,
               "sizeOverride": false,
               "style": null,
@@ -321,6 +329,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -329,6 +338,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -430,6 +440,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -438,6 +449,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -457,6 +469,7 @@ ShallowWrapper {
               "ariaLabel": "",
               "ariaLabelledBy": "",
               "children": <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -465,6 +478,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -496,6 +510,7 @@ ShallowWrapper {
               "key": undefined,
               "nodeType": "class",
               "props": Object {
+                "append": false,
                 "ariaLabel": null,
                 "buttonClassName": "",
                 "className": "",
@@ -504,6 +519,7 @@ ShallowWrapper {
                 "isAria": true,
                 "name": "cancel_16",
                 "onClick": null,
+                "prepend": false,
                 "size": null,
                 "sizeOverride": false,
                 "style": null,
diff --git a/react/src/lib/AlertCall/tests/__snapshots__/index.spec.js.snap b/react/src/lib/AlertCall/tests/__snapshots__/index.spec.js.snap
index 4c569cfda3..1a269d6e09 100644
--- a/react/src/lib/AlertCall/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/AlertCall/tests/__snapshots__/index.spec.js.snap
@@ -107,6 +107,7 @@ ShallowWrapper {
             type="button"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -115,6 +116,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_24"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -278,6 +280,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -286,6 +289,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_24"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -310,6 +314,7 @@ ShallowWrapper {
               "ariaLabel": "reject call",
               "ariaLabelledBy": "",
               "children": <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -318,6 +323,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_24"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -349,6 +355,7 @@ ShallowWrapper {
               "key": undefined,
               "nodeType": "class",
               "props": Object {
+                "append": false,
                 "ariaLabel": null,
                 "buttonClassName": "",
                 "className": "",
@@ -357,6 +364,7 @@ ShallowWrapper {
                 "isAria": true,
                 "name": "cancel_24",
                 "onClick": null,
+                "prepend": false,
                 "size": null,
                 "sizeOverride": false,
                 "style": null,
@@ -448,6 +456,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -456,6 +465,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_24"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -619,6 +629,7 @@ ShallowWrapper {
                 type="button"
               >
                 <Icon
+                  append={false}
                   ariaLabel={null}
                   buttonClassName=""
                   className=""
@@ -627,6 +638,7 @@ ShallowWrapper {
                   isAria={true}
                   name="cancel_24"
                   onClick={null}
+                  prepend={false}
                   size={null}
                   sizeOverride={false}
                   style={null}
@@ -651,6 +663,7 @@ ShallowWrapper {
                 "ariaLabel": "reject call",
                 "ariaLabelledBy": "",
                 "children": <Icon
+                  append={false}
                   ariaLabel={null}
                   buttonClassName=""
                   className=""
@@ -659,6 +672,7 @@ ShallowWrapper {
                   isAria={true}
                   name="cancel_24"
                   onClick={null}
+                  prepend={false}
                   size={null}
                   sizeOverride={false}
                   style={null}
@@ -690,6 +704,7 @@ ShallowWrapper {
                 "key": undefined,
                 "nodeType": "class",
                 "props": Object {
+                  "append": false,
                   "ariaLabel": null,
                   "buttonClassName": "",
                   "className": "",
@@ -698,6 +713,7 @@ ShallowWrapper {
                   "isAria": true,
                   "name": "cancel_24",
                   "onClick": null,
+                  "prepend": false,
                   "size": null,
                   "sizeOverride": false,
                   "style": null,
diff --git a/react/src/lib/AlertMeeting/tests/__snapshots__/index.spec.js.snap b/react/src/lib/AlertMeeting/tests/__snapshots__/index.spec.js.snap
index 5594068ff0..b992d00a58 100644
--- a/react/src/lib/AlertMeeting/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/AlertMeeting/tests/__snapshots__/index.spec.js.snap
@@ -105,6 +105,7 @@ ShallowWrapper {
             type="button"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -113,6 +114,7 @@ ShallowWrapper {
               isAria={true}
               name="alarm_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -148,6 +150,7 @@ ShallowWrapper {
             type="button"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -156,6 +159,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -294,6 +298,7 @@ ShallowWrapper {
             type="button"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -302,6 +307,7 @@ ShallowWrapper {
               isAria={true}
               name="alarm_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -321,6 +327,7 @@ ShallowWrapper {
             "ariaLabel": "snooze",
             "ariaLabelledBy": "",
             "children": <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -329,6 +336,7 @@ ShallowWrapper {
               isAria={true}
               name="alarm_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -360,6 +368,7 @@ ShallowWrapper {
             "key": undefined,
             "nodeType": "class",
             "props": Object {
+              "append": false,
               "ariaLabel": null,
               "buttonClassName": "",
               "className": "",
@@ -368,6 +377,7 @@ ShallowWrapper {
               "isAria": true,
               "name": "alarm_16",
               "onClick": null,
+              "prepend": false,
               "size": null,
               "sizeOverride": false,
               "style": null,
@@ -411,6 +421,7 @@ ShallowWrapper {
             type="button"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -419,6 +430,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -438,6 +450,7 @@ ShallowWrapper {
             "ariaLabel": "close",
             "ariaLabelledBy": "",
             "children": <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -446,6 +459,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -477,6 +491,7 @@ ShallowWrapper {
             "key": undefined,
             "nodeType": "class",
             "props": Object {
+              "append": false,
               "ariaLabel": null,
               "buttonClassName": "",
               "className": "",
@@ -485,6 +500,7 @@ ShallowWrapper {
               "isAria": true,
               "name": "cancel_16",
               "onClick": null,
+              "prepend": false,
               "size": null,
               "sizeOverride": false,
               "style": null,
@@ -576,6 +592,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -584,6 +601,7 @@ ShallowWrapper {
                 isAria={true}
                 name="alarm_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -619,6 +637,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -627,6 +646,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -765,6 +785,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -773,6 +794,7 @@ ShallowWrapper {
                 isAria={true}
                 name="alarm_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -792,6 +814,7 @@ ShallowWrapper {
               "ariaLabel": "snooze",
               "ariaLabelledBy": "",
               "children": <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -800,6 +823,7 @@ ShallowWrapper {
                 isAria={true}
                 name="alarm_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -831,6 +855,7 @@ ShallowWrapper {
               "key": undefined,
               "nodeType": "class",
               "props": Object {
+                "append": false,
                 "ariaLabel": null,
                 "buttonClassName": "",
                 "className": "",
@@ -839,6 +864,7 @@ ShallowWrapper {
                 "isAria": true,
                 "name": "alarm_16",
                 "onClick": null,
+                "prepend": false,
                 "size": null,
                 "sizeOverride": false,
                 "style": null,
@@ -882,6 +908,7 @@ ShallowWrapper {
               type="button"
             >
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -890,6 +917,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -909,6 +937,7 @@ ShallowWrapper {
               "ariaLabel": "close",
               "ariaLabelledBy": "",
               "children": <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -917,6 +946,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -948,6 +978,7 @@ ShallowWrapper {
               "key": undefined,
               "nodeType": "class",
               "props": Object {
+                "append": false,
                 "ariaLabel": null,
                 "buttonClassName": "",
                 "className": "",
@@ -956,6 +987,7 @@ ShallowWrapper {
                 "isAria": true,
                 "name": "cancel_16",
                 "onClick": null,
+                "prepend": false,
                 "size": null,
                 "sizeOverride": false,
                 "style": null,
diff --git a/react/src/lib/CallControl/tests/__snapshots__/index.spec.js.snap b/react/src/lib/CallControl/tests/__snapshots__/index.spec.js.snap
index 29485fe26d..aa95f3696c 100644
--- a/react/src/lib/CallControl/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/CallControl/tests/__snapshots__/index.spec.js.snap
@@ -32,6 +32,7 @@ ShallowWrapper {
       "ariaLabel": "test",
       "ariaLabelledBy": "",
       "children": <Icon
+        append={false}
         ariaLabel={null}
         buttonClassName=""
         className=""
@@ -40,6 +41,7 @@ ShallowWrapper {
         isAria={true}
         name="microphone-muted_24"
         onClick={null}
+        prepend={false}
         size={null}
         sizeOverride={false}
         style={null}
@@ -71,6 +73,7 @@ ShallowWrapper {
       "key": undefined,
       "nodeType": "class",
       "props": Object {
+        "append": false,
         "ariaLabel": null,
         "buttonClassName": "",
         "className": "",
@@ -79,6 +82,7 @@ ShallowWrapper {
         "isAria": true,
         "name": "microphone-muted_24",
         "onClick": null,
+        "prepend": false,
         "size": null,
         "sizeOverride": false,
         "style": null,
@@ -101,6 +105,7 @@ ShallowWrapper {
         "ariaLabel": "test",
         "ariaLabelledBy": "",
         "children": <Icon
+          append={false}
           ariaLabel={null}
           buttonClassName=""
           className=""
@@ -109,6 +114,7 @@ ShallowWrapper {
           isAria={true}
           name="microphone-muted_24"
           onClick={null}
+          prepend={false}
           size={null}
           sizeOverride={false}
           style={null}
@@ -140,6 +146,7 @@ ShallowWrapper {
         "key": undefined,
         "nodeType": "class",
         "props": Object {
+          "append": false,
           "ariaLabel": null,
           "buttonClassName": "",
           "className": "",
@@ -148,6 +155,7 @@ ShallowWrapper {
           "isAria": true,
           "name": "microphone-muted_24",
           "onClick": null,
+          "prepend": false,
           "size": null,
           "sizeOverride": false,
           "style": null,
diff --git a/react/src/lib/Chip/tests/__snapshots__/index.spec.js.snap b/react/src/lib/Chip/tests/__snapshots__/index.spec.js.snap
index 1255ce926b..db427610a9 100644
--- a/react/src/lib/Chip/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/Chip/tests/__snapshots__/index.spec.js.snap
@@ -32,6 +32,7 @@ ShallowWrapper {
           className="md-chip-left recording"
         >
           <Icon
+            append={false}
             ariaLabel={null}
             buttonClassName=""
             className=""
@@ -40,6 +41,7 @@ ShallowWrapper {
             isAria={true}
             name="play-circle_32"
             onClick={null}
+            prepend={false}
             size={null}
             sizeOverride={false}
             style={null}
@@ -69,6 +71,7 @@ ShallowWrapper {
         "nodeType": "host",
         "props": Object {
           "children": <Icon
+            append={false}
             ariaLabel={null}
             buttonClassName=""
             className=""
@@ -77,6 +80,7 @@ ShallowWrapper {
             isAria={true}
             name="play-circle_32"
             onClick={null}
+            prepend={false}
             size={null}
             sizeOverride={false}
             style={null}
@@ -91,6 +95,7 @@ ShallowWrapper {
           "key": undefined,
           "nodeType": "class",
           "props": Object {
+            "append": false,
             "ariaLabel": null,
             "buttonClassName": "",
             "className": "",
@@ -99,6 +104,7 @@ ShallowWrapper {
             "isAria": true,
             "name": "play-circle_32",
             "onClick": null,
+            "prepend": false,
             "size": null,
             "sizeOverride": false,
             "style": null,
@@ -159,6 +165,7 @@ ShallowWrapper {
             className="md-chip-left recording"
           >
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -167,6 +174,7 @@ ShallowWrapper {
               isAria={true}
               name="play-circle_32"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -196,6 +204,7 @@ ShallowWrapper {
           "nodeType": "host",
           "props": Object {
             "children": <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -204,6 +213,7 @@ ShallowWrapper {
               isAria={true}
               name="play-circle_32"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -218,6 +228,7 @@ ShallowWrapper {
             "key": undefined,
             "nodeType": "class",
             "props": Object {
+              "append": false,
               "ariaLabel": null,
               "buttonClassName": "",
               "className": "",
@@ -226,6 +237,7 @@ ShallowWrapper {
               "isAria": true,
               "name": "play-circle_32",
               "onClick": null,
+              "prepend": false,
               "size": null,
               "sizeOverride": false,
               "style": null,
diff --git a/react/src/lib/CloseWrapper/tests/__snapshots__/index.spec.js.snap b/react/src/lib/CloseWrapper/tests/__snapshots__/index.spec.js.snap
index a75023e632..f447218ee5 100644
--- a/react/src/lib/CloseWrapper/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/CloseWrapper/tests/__snapshots__/index.spec.js.snap
@@ -26,6 +26,7 @@ ShallowWrapper {
       "children": Array [
         null,
         <Icon
+          append={false}
           ariaLabel="Close"
           buttonClassName="md-close-wrapper__action"
           className=""
@@ -34,6 +35,7 @@ ShallowWrapper {
           isAria={true}
           name="clear-active_20"
           onClick={null}
+          prepend={false}
           size={null}
           sizeOverride={false}
           style={null}
@@ -51,6 +53,7 @@ ShallowWrapper {
         "key": undefined,
         "nodeType": "class",
         "props": Object {
+          "append": false,
           "ariaLabel": "Close",
           "buttonClassName": "md-close-wrapper__action",
           "className": "",
@@ -59,6 +62,7 @@ ShallowWrapper {
           "isAria": true,
           "name": "clear-active_20",
           "onClick": null,
+          "prepend": false,
           "size": null,
           "sizeOverride": false,
           "style": null,
@@ -81,6 +85,7 @@ ShallowWrapper {
         "children": Array [
           null,
           <Icon
+            append={false}
             ariaLabel="Close"
             buttonClassName="md-close-wrapper__action"
             className=""
@@ -89,6 +94,7 @@ ShallowWrapper {
             isAria={true}
             name="clear-active_20"
             onClick={null}
+            prepend={false}
             size={null}
             sizeOverride={false}
             style={null}
@@ -106,6 +112,7 @@ ShallowWrapper {
           "key": undefined,
           "nodeType": "class",
           "props": Object {
+            "append": false,
             "ariaLabel": "Close",
             "buttonClassName": "md-close-wrapper__action",
             "className": "",
@@ -114,6 +121,7 @@ ShallowWrapper {
             "isAria": true,
             "name": "clear-active_20",
             "onClick": null,
+            "prepend": false,
             "size": null,
             "sizeOverride": false,
             "style": null,
diff --git a/react/src/lib/CollapseButton/tests/__snapshots__/index.spec.js.snap b/react/src/lib/CollapseButton/tests/__snapshots__/index.spec.js.snap
index 9a96437a12..39ddb8740b 100644
--- a/react/src/lib/CollapseButton/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/CollapseButton/tests/__snapshots__/index.spec.js.snap
@@ -27,6 +27,7 @@ ShallowWrapper {
       "ariaLabel": "expand",
       "ariaLabelledBy": "",
       "children": <Icon
+        append={false}
         ariaLabel={null}
         buttonClassName=""
         className=""
@@ -35,6 +36,7 @@ ShallowWrapper {
         isAria={true}
         name="panel-control-right_12"
         onClick={null}
+        prepend={false}
         size={null}
         sizeOverride={false}
         style={null}
@@ -66,6 +68,7 @@ ShallowWrapper {
       "key": undefined,
       "nodeType": "class",
       "props": Object {
+        "append": false,
         "ariaLabel": null,
         "buttonClassName": "",
         "className": "",
@@ -74,6 +77,7 @@ ShallowWrapper {
         "isAria": true,
         "name": "panel-control-right_12",
         "onClick": null,
+        "prepend": false,
         "size": null,
         "sizeOverride": false,
         "style": null,
@@ -96,6 +100,7 @@ ShallowWrapper {
         "ariaLabel": "expand",
         "ariaLabelledBy": "",
         "children": <Icon
+          append={false}
           ariaLabel={null}
           buttonClassName=""
           className=""
@@ -104,6 +109,7 @@ ShallowWrapper {
           isAria={true}
           name="panel-control-right_12"
           onClick={null}
+          prepend={false}
           size={null}
           sizeOverride={false}
           style={null}
@@ -135,6 +141,7 @@ ShallowWrapper {
         "key": undefined,
         "nodeType": "class",
         "props": Object {
+          "append": false,
           "ariaLabel": null,
           "buttonClassName": "",
           "className": "",
@@ -143,6 +150,7 @@ ShallowWrapper {
           "isAria": true,
           "name": "panel-control-right_12",
           "onClick": null,
+          "prepend": false,
           "size": null,
           "sizeOverride": false,
           "style": null,
diff --git a/react/src/lib/Icon/index.js b/react/src/lib/Icon/index.js
index 2d380e8e40..fbf1f12426 100644
--- a/react/src/lib/Icon/index.js
+++ b/react/src/lib/Icon/index.js
@@ -9,6 +9,7 @@ import getColorValue from '@momentum-ui/utils/lib/getColorValue';
 class Icon extends React.PureComponent {
   render() {
     const {
+      append,
       ariaLabel,
       buttonClassName,
       color,
@@ -17,6 +18,7 @@ class Icon extends React.PureComponent {
       isAria, // TODO(pajeter): remove isAria code with next major release
       onClick,
       name,
+      prepend,
       size,
       sizeOverride,
       style,
@@ -102,7 +104,13 @@ class Icon extends React.PureComponent {
     const getIcon = () => {
       return (
         <i
-          className={`md-icon icon` + ` ${getNameClass()}` + `${(className && ` ${className}`) || ''}`}
+          className={
+            `md-icon icon` +
+            ` ${getNameClass()}` +
+            `${(className && ` ${className}`) || ''}` +
+            `${(prepend && ` md-prepend`) || ''}` +
+            `${(append && ` md-append`) || ''}`
+          }
           aria-label={!onClick ? getAriaLabel() : null}
           style={styles}
           {...!onClick && { ...otherProps }}
@@ -130,6 +138,8 @@ class Icon extends React.PureComponent {
 }
 
 Icon.propTypes = {
+  /** @prop Add margin to the left of Icon | null */
+  append: PropTypes.bool,
   /** @prop Text to display for blindness accessibility features | null */
   ariaLabel: PropTypes.string,
   /** @prop Optional Button class name string | '' */
@@ -146,6 +156,8 @@ Icon.propTypes = {
   name: PropTypes.string.isRequired,
   /** @prop Handler invoked by click of the user | null */
   onClick: PropTypes.func,
+  /** @prop Add margin to the right of Icon | null */
+  prepend: PropTypes.bool,
   /** @prop Sets Icon size | null */
   size: PropTypes.number,
   // Internal prop to override iconName with size prop */
@@ -159,6 +171,7 @@ Icon.propTypes = {
 };
 
 Icon.defaultProps = {
+  append: false,
   ariaLabel: null,
   buttonClassName: '',
   color: '',
@@ -166,6 +179,7 @@ Icon.defaultProps = {
   description: '',
   isAria: true, // TODO(pajeter): remove isAria code with next major release
   onClick: null,
+  prepend: false,
   size: null,
   sizeOverride: false,
   style: null,
diff --git a/react/src/lib/Icon/tests/__snapshots__/index.spec.js.snap b/react/src/lib/Icon/tests/__snapshots__/index.spec.js.snap
index 4b043e33ee..db3b3d7185 100644
--- a/react/src/lib/Icon/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/Icon/tests/__snapshots__/index.spec.js.snap
@@ -4,6 +4,7 @@ exports[`Tests for <Icon /> Test the accessibilty of <Icon /> should match SnapS
 ShallowWrapper {
   Symbol(enzyme.__root__): [Circular],
   Symbol(enzyme.__unrendered__): <Icon
+    append={false}
     ariaLabel={null}
     buttonClassName=""
     className=""
@@ -12,6 +13,7 @@ ShallowWrapper {
     isAria={true}
     name="accessibility_16"
     onClick={null}
+    prepend={false}
     size={null}
     sizeOverride={false}
     style={null}
@@ -91,6 +93,7 @@ exports[`Tests for <Icon /> Test the accessibilty of <Icon /> should match SnapS
 ShallowWrapper {
   Symbol(enzyme.__root__): [Circular],
   Symbol(enzyme.__unrendered__): <Icon
+    append={false}
     ariaLabel={null}
     buttonClassName=""
     className=""
@@ -99,6 +102,7 @@ ShallowWrapper {
     isAria={false}
     name="accessibility_16"
     onClick={null}
+    prepend={false}
     size={null}
     sizeOverride={false}
     style={null}
@@ -178,6 +182,7 @@ exports[`Tests for <Icon /> Test the colors of <Icon /> should match SnapShot 1`
 ShallowWrapper {
   Symbol(enzyme.__root__): [Circular],
   Symbol(enzyme.__unrendered__): <Icon
+    append={false}
     ariaLabel={null}
     buttonClassName=""
     className=""
@@ -186,6 +191,7 @@ ShallowWrapper {
     isAria={true}
     name="accessibility_16"
     onClick={null}
+    prepend={false}
     size={null}
     sizeOverride={false}
     style={null}
@@ -265,6 +271,7 @@ exports[`Tests for <Icon /> Test the sizes of <Icon /> should match SnapShot 1`]
 ShallowWrapper {
   Symbol(enzyme.__root__): [Circular],
   Symbol(enzyme.__unrendered__): <Icon
+    append={false}
     ariaLabel={null}
     buttonClassName=""
     className="testClass"
@@ -273,6 +280,7 @@ ShallowWrapper {
     isAria={true}
     name="accessibility_16"
     onClick={null}
+    prepend={false}
     size={24}
     sizeOverride={false}
     style={null}
@@ -354,6 +362,7 @@ exports[`Tests for <Icon /> should match SnapShot 1`] = `
 ShallowWrapper {
   Symbol(enzyme.__root__): [Circular],
   Symbol(enzyme.__unrendered__): <Icon
+    append={false}
     ariaLabel={null}
     buttonClassName=""
     className="testClass"
@@ -362,6 +371,7 @@ ShallowWrapper {
     isAria={true}
     name="accessibility_16"
     onClick={null}
+    prepend={false}
     size={null}
     sizeOverride={false}
     style={null}
diff --git a/react/src/lib/InputSearch/tests/__snapshots__/index.spec.js.snap b/react/src/lib/InputSearch/tests/__snapshots__/index.spec.js.snap
index e414110cff..83195c5155 100644
--- a/react/src/lib/InputSearch/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/InputSearch/tests/__snapshots__/index.spec.js.snap
@@ -25,6 +25,7 @@ ShallowWrapper {
       "ariaDescribedBy": null,
       "ariaLabel": null,
       "children": <Icon
+        append={false}
         ariaLabel={null}
         buttonClassName=""
         className="md-search-input__icon"
@@ -33,6 +34,7 @@ ShallowWrapper {
         isAria={true}
         name="search_20"
         onClick={null}
+        prepend={false}
         size={null}
         sizeOverride={false}
         style={null}
@@ -74,6 +76,7 @@ ShallowWrapper {
       "key": undefined,
       "nodeType": "class",
       "props": Object {
+        "append": false,
         "ariaLabel": null,
         "buttonClassName": "",
         "className": "md-search-input__icon",
@@ -82,6 +85,7 @@ ShallowWrapper {
         "isAria": true,
         "name": "search_20",
         "onClick": null,
+        "prepend": false,
         "size": null,
         "sizeOverride": false,
         "style": null,
@@ -103,6 +107,7 @@ ShallowWrapper {
         "ariaDescribedBy": null,
         "ariaLabel": null,
         "children": <Icon
+          append={false}
           ariaLabel={null}
           buttonClassName=""
           className="md-search-input__icon"
@@ -111,6 +116,7 @@ ShallowWrapper {
           isAria={true}
           name="search_20"
           onClick={null}
+          prepend={false}
           size={null}
           sizeOverride={false}
           style={null}
@@ -152,6 +158,7 @@ ShallowWrapper {
         "key": undefined,
         "nodeType": "class",
         "props": Object {
+          "append": false,
           "ariaLabel": null,
           "buttonClassName": "",
           "className": "md-search-input__icon",
@@ -160,6 +167,7 @@ ShallowWrapper {
           "isAria": true,
           "name": "search_20",
           "onClick": null,
+          "prepend": false,
           "size": null,
           "sizeOverride": false,
           "style": null,
@@ -225,6 +233,7 @@ ShallowWrapper {
       "ariaDescribedBy": null,
       "ariaLabel": null,
       "children": <Icon
+        append={false}
         ariaLabel={null}
         buttonClassName=""
         className="md-search-input__icon"
@@ -233,6 +242,7 @@ ShallowWrapper {
         isAria={true}
         name="search_16"
         onClick={null}
+        prepend={false}
         size={null}
         sizeOverride={false}
         style={null}
@@ -274,6 +284,7 @@ ShallowWrapper {
       "key": undefined,
       "nodeType": "class",
       "props": Object {
+        "append": false,
         "ariaLabel": null,
         "buttonClassName": "",
         "className": "md-search-input__icon",
@@ -282,6 +293,7 @@ ShallowWrapper {
         "isAria": true,
         "name": "search_16",
         "onClick": null,
+        "prepend": false,
         "size": null,
         "sizeOverride": false,
         "style": null,
@@ -303,6 +315,7 @@ ShallowWrapper {
         "ariaDescribedBy": null,
         "ariaLabel": null,
         "children": <Icon
+          append={false}
           ariaLabel={null}
           buttonClassName=""
           className="md-search-input__icon"
@@ -311,6 +324,7 @@ ShallowWrapper {
           isAria={true}
           name="search_16"
           onClick={null}
+          prepend={false}
           size={null}
           sizeOverride={false}
           style={null}
@@ -352,6 +366,7 @@ ShallowWrapper {
         "key": undefined,
         "nodeType": "class",
         "props": Object {
+          "append": false,
           "ariaLabel": null,
           "buttonClassName": "",
           "className": "md-search-input__icon",
@@ -360,6 +375,7 @@ ShallowWrapper {
           "isAria": true,
           "name": "search_16",
           "onClick": null,
+          "prepend": false,
           "size": null,
           "sizeOverride": false,
           "style": null,
diff --git a/react/src/lib/Lightbox/tests/__snapshots__/index.spec.js.snap b/react/src/lib/Lightbox/tests/__snapshots__/index.spec.js.snap
index fa01a02d56..c711f60153 100644
--- a/react/src/lib/Lightbox/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/Lightbox/tests/__snapshots__/index.spec.js.snap
@@ -96,6 +96,7 @@ ShallowWrapper {
                 tabIndex="0"
               >
                 <Icon
+                  append={false}
                   ariaLabel={null}
                   buttonClassName=""
                   className=""
@@ -104,6 +105,7 @@ ShallowWrapper {
                   isAria={true}
                   name="cancel_16"
                   onClick={null}
+                  prepend={false}
                   size={null}
                   sizeOverride={false}
                   style={null}
@@ -182,6 +184,7 @@ ShallowWrapper {
                     tabIndex="0"
                   >
                     <Icon
+                      append={false}
                       ariaLabel={null}
                       buttonClassName=""
                       className=""
@@ -190,6 +193,7 @@ ShallowWrapper {
                       isAria={true}
                       name="zoom-out_16"
                       onClick={null}
+                      prepend={false}
                       size={null}
                       sizeOverride={false}
                       style={null}
@@ -219,6 +223,7 @@ ShallowWrapper {
                     tabIndex="0"
                   >
                     <Icon
+                      append={false}
                       ariaLabel={null}
                       buttonClassName=""
                       className=""
@@ -227,6 +232,7 @@ ShallowWrapper {
                       isAria={true}
                       name="zoom-in_16"
                       onClick={null}
+                      prepend={false}
                       size={null}
                       sizeOverride={false}
                       style={null}
@@ -267,6 +273,7 @@ ShallowWrapper {
                     tabIndex="0"
                   >
                     <Icon
+                      append={false}
                       ariaLabel={null}
                       buttonClassName=""
                       className=""
@@ -275,6 +282,7 @@ ShallowWrapper {
                       isAria={true}
                       name="download_16"
                       onClick={null}
+                      prepend={false}
                       size={null}
                       sizeOverride={false}
                       style={null}
@@ -347,6 +355,7 @@ ShallowWrapper {
                   tabIndex="0"
                 >
                   <Icon
+                    append={false}
                     ariaLabel={null}
                     buttonClassName=""
                     className=""
@@ -355,6 +364,7 @@ ShallowWrapper {
                     isAria={true}
                     name="cancel_16"
                     onClick={null}
+                    prepend={false}
                     size={null}
                     sizeOverride={false}
                     style={null}
@@ -481,6 +491,7 @@ ShallowWrapper {
                   tabIndex="0"
                 >
                   <Icon
+                    append={false}
                     ariaLabel={null}
                     buttonClassName=""
                     className=""
@@ -489,6 +500,7 @@ ShallowWrapper {
                     isAria={true}
                     name="cancel_16"
                     onClick={null}
+                    prepend={false}
                     size={null}
                     sizeOverride={false}
                     style={null}
@@ -513,6 +525,7 @@ ShallowWrapper {
                   tabIndex="0"
                 >
                   <Icon
+                    append={false}
                     ariaLabel={null}
                     buttonClassName=""
                     className=""
@@ -521,6 +534,7 @@ ShallowWrapper {
                     isAria={true}
                     name="cancel_16"
                     onClick={null}
+                    prepend={false}
                     size={null}
                     sizeOverride={false}
                     style={null}
@@ -542,6 +556,7 @@ ShallowWrapper {
                 "nodeType": "host",
                 "props": Object {
                   "children": <Icon
+                    append={false}
                     ariaLabel={null}
                     buttonClassName=""
                     className=""
@@ -550,6 +565,7 @@ ShallowWrapper {
                     isAria={true}
                     name="cancel_16"
                     onClick={null}
+                    prepend={false}
                     size={null}
                     sizeOverride={false}
                     style={null}
@@ -568,6 +584,7 @@ ShallowWrapper {
                   "key": undefined,
                   "nodeType": "class",
                   "props": Object {
+                    "append": false,
                     "ariaLabel": null,
                     "buttonClassName": "",
                     "className": "",
@@ -576,6 +593,7 @@ ShallowWrapper {
                     "isAria": true,
                     "name": "cancel_16",
                     "onClick": null,
+                    "prepend": false,
                     "size": null,
                     "sizeOverride": false,
                     "style": null,
@@ -667,6 +685,7 @@ ShallowWrapper {
                       tabIndex="0"
                     >
                       <Icon
+                        append={false}
                         ariaLabel={null}
                         buttonClassName=""
                         className=""
@@ -675,6 +694,7 @@ ShallowWrapper {
                         isAria={true}
                         name="zoom-out_16"
                         onClick={null}
+                        prepend={false}
                         size={null}
                         sizeOverride={false}
                         style={null}
@@ -704,6 +724,7 @@ ShallowWrapper {
                       tabIndex="0"
                     >
                       <Icon
+                        append={false}
                         ariaLabel={null}
                         buttonClassName=""
                         className=""
@@ -712,6 +733,7 @@ ShallowWrapper {
                         isAria={true}
                         name="zoom-in_16"
                         onClick={null}
+                        prepend={false}
                         size={null}
                         sizeOverride={false}
                         style={null}
@@ -752,6 +774,7 @@ ShallowWrapper {
                       tabIndex="0"
                     >
                       <Icon
+                        append={false}
                         ariaLabel={null}
                         buttonClassName=""
                         className=""
@@ -760,6 +783,7 @@ ShallowWrapper {
                         isAria={true}
                         name="download_16"
                         onClick={null}
+                        prepend={false}
                         size={null}
                         sizeOverride={false}
                         style={null}
@@ -843,6 +867,7 @@ ShallowWrapper {
                         tabIndex="0"
                       >
                         <Icon
+                          append={false}
                           ariaLabel={null}
                           buttonClassName=""
                           className=""
@@ -851,6 +876,7 @@ ShallowWrapper {
                           isAria={true}
                           name="zoom-out_16"
                           onClick={null}
+                          prepend={false}
                           size={null}
                           sizeOverride={false}
                           style={null}
@@ -880,6 +906,7 @@ ShallowWrapper {
                         tabIndex="0"
                       >
                         <Icon
+                          append={false}
                           ariaLabel={null}
                           buttonClassName=""
                           className=""
@@ -888,6 +915,7 @@ ShallowWrapper {
                           isAria={true}
                           name="zoom-in_16"
                           onClick={null}
+                          prepend={false}
                           size={null}
                           sizeOverride={false}
                           style={null}
@@ -928,6 +956,7 @@ ShallowWrapper {
                         tabIndex="0"
                       >
                         <Icon
+                          append={false}
                           ariaLabel={null}
                           buttonClassName=""
                           className=""
@@ -936,6 +965,7 @@ ShallowWrapper {
                           isAria={true}
                           name="download_16"
                           onClick={null}
+                          prepend={false}
                           size={null}
                           sizeOverride={false}
                           style={null}
@@ -1082,6 +1112,7 @@ ShallowWrapper {
                           tabIndex="0"
                         >
                           <Icon
+                            append={false}
                             ariaLabel={null}
                             buttonClassName=""
                             className=""
@@ -1090,6 +1121,7 @@ ShallowWrapper {
                             isAria={true}
                             name="zoom-out_16"
                             onClick={null}
+                            prepend={false}
                             size={null}
                             sizeOverride={false}
                             style={null}
@@ -1119,6 +1151,7 @@ ShallowWrapper {
                           tabIndex="0"
                         >
                           <Icon
+                            append={false}
                             ariaLabel={null}
                             buttonClassName=""
                             className=""
@@ -1127,6 +1160,7 @@ ShallowWrapper {
                             isAria={true}
                             name="zoom-in_16"
                             onClick={null}
+                            prepend={false}
                             size={null}
                             sizeOverride={false}
                             style={null}
@@ -1167,6 +1201,7 @@ ShallowWrapper {
                           tabIndex="0"
                         >
                           <Icon
+                            append={false}
                             ariaLabel={null}
                             buttonClassName=""
                             className=""
@@ -1175,6 +1210,7 @@ ShallowWrapper {
                             isAria={true}
                             name="download_16"
                             onClick={null}
+                            prepend={false}
                             size={null}
                             sizeOverride={false}
                             style={null}
@@ -1214,6 +1250,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1222,6 +1259,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-out_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1251,6 +1289,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1259,6 +1298,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-in_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1286,6 +1326,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1294,6 +1335,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-out_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1314,6 +1356,7 @@ ShallowWrapper {
                           "nodeType": "host",
                           "props": Object {
                             "children": <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1322,6 +1365,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-out_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1340,6 +1384,7 @@ ShallowWrapper {
                             "key": undefined,
                             "nodeType": "class",
                             "props": Object {
+                              "append": false,
                               "ariaLabel": null,
                               "buttonClassName": "",
                               "className": "",
@@ -1348,6 +1393,7 @@ ShallowWrapper {
                               "isAria": true,
                               "name": "zoom-out_16",
                               "onClick": null,
+                              "prepend": false,
                               "size": null,
                               "sizeOverride": false,
                               "style": null,
@@ -1393,6 +1439,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1401,6 +1448,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-in_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1421,6 +1469,7 @@ ShallowWrapper {
                           "nodeType": "host",
                           "props": Object {
                             "children": <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1429,6 +1478,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-in_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1447,6 +1497,7 @@ ShallowWrapper {
                             "key": undefined,
                             "nodeType": "class",
                             "props": Object {
+                              "append": false,
                               "ariaLabel": null,
                               "buttonClassName": "",
                               "className": "",
@@ -1455,6 +1506,7 @@ ShallowWrapper {
                               "isAria": true,
                               "name": "zoom-in_16",
                               "onClick": null,
+                              "prepend": false,
                               "size": null,
                               "sizeOverride": false,
                               "style": null,
@@ -1523,6 +1575,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1531,6 +1584,7 @@ ShallowWrapper {
                               isAria={true}
                               name="download_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1570,6 +1624,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1578,6 +1633,7 @@ ShallowWrapper {
                               isAria={true}
                               name="download_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1598,6 +1654,7 @@ ShallowWrapper {
                           "nodeType": "host",
                           "props": Object {
                             "children": <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -1606,6 +1663,7 @@ ShallowWrapper {
                               isAria={true}
                               name="download_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -1624,6 +1682,7 @@ ShallowWrapper {
                             "key": undefined,
                             "nodeType": "class",
                             "props": Object {
+                              "append": false,
                               "ariaLabel": null,
                               "buttonClassName": "",
                               "className": "",
@@ -1632,6 +1691,7 @@ ShallowWrapper {
                               "isAria": true,
                               "name": "download_16",
                               "onClick": null,
+                              "prepend": false,
                               "size": null,
                               "sizeOverride": false,
                               "style": null,
@@ -1713,6 +1773,7 @@ ShallowWrapper {
                   tabIndex="0"
                 >
                   <Icon
+                    append={false}
                     ariaLabel={null}
                     buttonClassName=""
                     className=""
@@ -1721,6 +1782,7 @@ ShallowWrapper {
                     isAria={true}
                     name="cancel_16"
                     onClick={null}
+                    prepend={false}
                     size={null}
                     sizeOverride={false}
                     style={null}
@@ -1799,6 +1861,7 @@ ShallowWrapper {
                       tabIndex="0"
                     >
                       <Icon
+                        append={false}
                         ariaLabel={null}
                         buttonClassName=""
                         className=""
@@ -1807,6 +1870,7 @@ ShallowWrapper {
                         isAria={true}
                         name="zoom-out_16"
                         onClick={null}
+                        prepend={false}
                         size={null}
                         sizeOverride={false}
                         style={null}
@@ -1836,6 +1900,7 @@ ShallowWrapper {
                       tabIndex="0"
                     >
                       <Icon
+                        append={false}
                         ariaLabel={null}
                         buttonClassName=""
                         className=""
@@ -1844,6 +1909,7 @@ ShallowWrapper {
                         isAria={true}
                         name="zoom-in_16"
                         onClick={null}
+                        prepend={false}
                         size={null}
                         sizeOverride={false}
                         style={null}
@@ -1884,6 +1950,7 @@ ShallowWrapper {
                       tabIndex="0"
                     >
                       <Icon
+                        append={false}
                         ariaLabel={null}
                         buttonClassName=""
                         className=""
@@ -1892,6 +1959,7 @@ ShallowWrapper {
                         isAria={true}
                         name="download_16"
                         onClick={null}
+                        prepend={false}
                         size={null}
                         sizeOverride={false}
                         style={null}
@@ -1964,6 +2032,7 @@ ShallowWrapper {
                     tabIndex="0"
                   >
                     <Icon
+                      append={false}
                       ariaLabel={null}
                       buttonClassName=""
                       className=""
@@ -1972,6 +2041,7 @@ ShallowWrapper {
                       isAria={true}
                       name="cancel_16"
                       onClick={null}
+                      prepend={false}
                       size={null}
                       sizeOverride={false}
                       style={null}
@@ -2098,6 +2168,7 @@ ShallowWrapper {
                     tabIndex="0"
                   >
                     <Icon
+                      append={false}
                       ariaLabel={null}
                       buttonClassName=""
                       className=""
@@ -2106,6 +2177,7 @@ ShallowWrapper {
                       isAria={true}
                       name="cancel_16"
                       onClick={null}
+                      prepend={false}
                       size={null}
                       sizeOverride={false}
                       style={null}
@@ -2130,6 +2202,7 @@ ShallowWrapper {
                     tabIndex="0"
                   >
                     <Icon
+                      append={false}
                       ariaLabel={null}
                       buttonClassName=""
                       className=""
@@ -2138,6 +2211,7 @@ ShallowWrapper {
                       isAria={true}
                       name="cancel_16"
                       onClick={null}
+                      prepend={false}
                       size={null}
                       sizeOverride={false}
                       style={null}
@@ -2159,6 +2233,7 @@ ShallowWrapper {
                   "nodeType": "host",
                   "props": Object {
                     "children": <Icon
+                      append={false}
                       ariaLabel={null}
                       buttonClassName=""
                       className=""
@@ -2167,6 +2242,7 @@ ShallowWrapper {
                       isAria={true}
                       name="cancel_16"
                       onClick={null}
+                      prepend={false}
                       size={null}
                       sizeOverride={false}
                       style={null}
@@ -2185,6 +2261,7 @@ ShallowWrapper {
                     "key": undefined,
                     "nodeType": "class",
                     "props": Object {
+                      "append": false,
                       "ariaLabel": null,
                       "buttonClassName": "",
                       "className": "",
@@ -2193,6 +2270,7 @@ ShallowWrapper {
                       "isAria": true,
                       "name": "cancel_16",
                       "onClick": null,
+                      "prepend": false,
                       "size": null,
                       "sizeOverride": false,
                       "style": null,
@@ -2284,6 +2362,7 @@ ShallowWrapper {
                         tabIndex="0"
                       >
                         <Icon
+                          append={false}
                           ariaLabel={null}
                           buttonClassName=""
                           className=""
@@ -2292,6 +2371,7 @@ ShallowWrapper {
                           isAria={true}
                           name="zoom-out_16"
                           onClick={null}
+                          prepend={false}
                           size={null}
                           sizeOverride={false}
                           style={null}
@@ -2321,6 +2401,7 @@ ShallowWrapper {
                         tabIndex="0"
                       >
                         <Icon
+                          append={false}
                           ariaLabel={null}
                           buttonClassName=""
                           className=""
@@ -2329,6 +2410,7 @@ ShallowWrapper {
                           isAria={true}
                           name="zoom-in_16"
                           onClick={null}
+                          prepend={false}
                           size={null}
                           sizeOverride={false}
                           style={null}
@@ -2369,6 +2451,7 @@ ShallowWrapper {
                         tabIndex="0"
                       >
                         <Icon
+                          append={false}
                           ariaLabel={null}
                           buttonClassName=""
                           className=""
@@ -2377,6 +2460,7 @@ ShallowWrapper {
                           isAria={true}
                           name="download_16"
                           onClick={null}
+                          prepend={false}
                           size={null}
                           sizeOverride={false}
                           style={null}
@@ -2460,6 +2544,7 @@ ShallowWrapper {
                           tabIndex="0"
                         >
                           <Icon
+                            append={false}
                             ariaLabel={null}
                             buttonClassName=""
                             className=""
@@ -2468,6 +2553,7 @@ ShallowWrapper {
                             isAria={true}
                             name="zoom-out_16"
                             onClick={null}
+                            prepend={false}
                             size={null}
                             sizeOverride={false}
                             style={null}
@@ -2497,6 +2583,7 @@ ShallowWrapper {
                           tabIndex="0"
                         >
                           <Icon
+                            append={false}
                             ariaLabel={null}
                             buttonClassName=""
                             className=""
@@ -2505,6 +2592,7 @@ ShallowWrapper {
                             isAria={true}
                             name="zoom-in_16"
                             onClick={null}
+                            prepend={false}
                             size={null}
                             sizeOverride={false}
                             style={null}
@@ -2545,6 +2633,7 @@ ShallowWrapper {
                           tabIndex="0"
                         >
                           <Icon
+                            append={false}
                             ariaLabel={null}
                             buttonClassName=""
                             className=""
@@ -2553,6 +2642,7 @@ ShallowWrapper {
                             isAria={true}
                             name="download_16"
                             onClick={null}
+                            prepend={false}
                             size={null}
                             sizeOverride={false}
                             style={null}
@@ -2699,6 +2789,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -2707,6 +2798,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-out_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -2736,6 +2828,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -2744,6 +2837,7 @@ ShallowWrapper {
                               isAria={true}
                               name="zoom-in_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -2784,6 +2878,7 @@ ShallowWrapper {
                             tabIndex="0"
                           >
                             <Icon
+                              append={false}
                               ariaLabel={null}
                               buttonClassName=""
                               className=""
@@ -2792,6 +2887,7 @@ ShallowWrapper {
                               isAria={true}
                               name="download_16"
                               onClick={null}
+                              prepend={false}
                               size={null}
                               sizeOverride={false}
                               style={null}
@@ -2831,6 +2927,7 @@ ShallowWrapper {
                               tabIndex="0"
                             >
                               <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -2839,6 +2936,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="zoom-out_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -2868,6 +2966,7 @@ ShallowWrapper {
                               tabIndex="0"
                             >
                               <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -2876,6 +2975,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="zoom-in_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -2903,6 +3003,7 @@ ShallowWrapper {
                               tabIndex="0"
                             >
                               <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -2911,6 +3012,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="zoom-out_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -2931,6 +3033,7 @@ ShallowWrapper {
                             "nodeType": "host",
                             "props": Object {
                               "children": <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -2939,6 +3042,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="zoom-out_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -2957,6 +3061,7 @@ ShallowWrapper {
                               "key": undefined,
                               "nodeType": "class",
                               "props": Object {
+                                "append": false,
                                 "ariaLabel": null,
                                 "buttonClassName": "",
                                 "className": "",
@@ -2965,6 +3070,7 @@ ShallowWrapper {
                                 "isAria": true,
                                 "name": "zoom-out_16",
                                 "onClick": null,
+                                "prepend": false,
                                 "size": null,
                                 "sizeOverride": false,
                                 "style": null,
@@ -3010,6 +3116,7 @@ ShallowWrapper {
                               tabIndex="0"
                             >
                               <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -3018,6 +3125,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="zoom-in_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -3038,6 +3146,7 @@ ShallowWrapper {
                             "nodeType": "host",
                             "props": Object {
                               "children": <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -3046,6 +3155,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="zoom-in_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -3064,6 +3174,7 @@ ShallowWrapper {
                               "key": undefined,
                               "nodeType": "class",
                               "props": Object {
+                                "append": false,
                                 "ariaLabel": null,
                                 "buttonClassName": "",
                                 "className": "",
@@ -3072,6 +3183,7 @@ ShallowWrapper {
                                 "isAria": true,
                                 "name": "zoom-in_16",
                                 "onClick": null,
+                                "prepend": false,
                                 "size": null,
                                 "sizeOverride": false,
                                 "style": null,
@@ -3140,6 +3252,7 @@ ShallowWrapper {
                               tabIndex="0"
                             >
                               <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -3148,6 +3261,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="download_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -3187,6 +3301,7 @@ ShallowWrapper {
                               tabIndex="0"
                             >
                               <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -3195,6 +3310,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="download_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -3215,6 +3331,7 @@ ShallowWrapper {
                             "nodeType": "host",
                             "props": Object {
                               "children": <Icon
+                                append={false}
                                 ariaLabel={null}
                                 buttonClassName=""
                                 className=""
@@ -3223,6 +3340,7 @@ ShallowWrapper {
                                 isAria={true}
                                 name="download_16"
                                 onClick={null}
+                                prepend={false}
                                 size={null}
                                 sizeOverride={false}
                                 style={null}
@@ -3241,6 +3359,7 @@ ShallowWrapper {
                               "key": undefined,
                               "nodeType": "class",
                               "props": Object {
+                                "append": false,
                                 "ariaLabel": null,
                                 "buttonClassName": "",
                                 "className": "",
@@ -3249,6 +3368,7 @@ ShallowWrapper {
                                 "isAria": true,
                                 "name": "download_16",
                                 "onClick": null,
+                                "prepend": false,
                                 "size": null,
                                 "sizeOverride": false,
                                 "style": null,
diff --git a/react/src/lib/Select/tests/__snapshots__/index.spec.js.snap b/react/src/lib/Select/tests/__snapshots__/index.spec.js.snap
index b294340420..5640f98854 100644
--- a/react/src/lib/Select/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/Select/tests/__snapshots__/index.spec.js.snap
@@ -62,6 +62,7 @@ ShallowWrapper {
           >
             
             <Icon
+              append={false}
               ariaLabel={null}
               buttonClassName=""
               className=""
@@ -70,6 +71,7 @@ ShallowWrapper {
               isAria={true}
               name="arrow-down_16"
               onClick={null}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -121,6 +123,7 @@ ShallowWrapper {
             >
               
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -129,6 +132,7 @@ ShallowWrapper {
                 isAria={true}
                 name="arrow-down_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -158,6 +162,7 @@ ShallowWrapper {
             >
               
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -166,6 +171,7 @@ ShallowWrapper {
                 isAria={true}
                 name="arrow-down_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -204,6 +210,7 @@ ShallowWrapper {
               "children": Array [
                 "",
                 <Icon
+                  append={false}
                   ariaLabel={null}
                   buttonClassName=""
                   className=""
@@ -212,6 +219,7 @@ ShallowWrapper {
                   isAria={true}
                   name="arrow-down_16"
                   onClick={null}
+                  prepend={false}
                   size={null}
                   sizeOverride={false}
                   style={null}
@@ -230,6 +238,7 @@ ShallowWrapper {
                 "key": undefined,
                 "nodeType": "class",
                 "props": Object {
+                  "append": false,
                   "ariaLabel": null,
                   "buttonClassName": "",
                   "className": "",
@@ -238,6 +247,7 @@ ShallowWrapper {
                   "isAria": true,
                   "name": "arrow-down_16",
                   "onClick": null,
+                  "prepend": false,
                   "size": null,
                   "sizeOverride": false,
                   "style": null,
@@ -318,6 +328,7 @@ ShallowWrapper {
             >
               
               <Icon
+                append={false}
                 ariaLabel={null}
                 buttonClassName=""
                 className=""
@@ -326,6 +337,7 @@ ShallowWrapper {
                 isAria={true}
                 name="arrow-down_16"
                 onClick={null}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -377,6 +389,7 @@ ShallowWrapper {
               >
                 
                 <Icon
+                  append={false}
                   ariaLabel={null}
                   buttonClassName=""
                   className=""
@@ -385,6 +398,7 @@ ShallowWrapper {
                   isAria={true}
                   name="arrow-down_16"
                   onClick={null}
+                  prepend={false}
                   size={null}
                   sizeOverride={false}
                   style={null}
@@ -414,6 +428,7 @@ ShallowWrapper {
               >
                 
                 <Icon
+                  append={false}
                   ariaLabel={null}
                   buttonClassName=""
                   className=""
@@ -422,6 +437,7 @@ ShallowWrapper {
                   isAria={true}
                   name="arrow-down_16"
                   onClick={null}
+                  prepend={false}
                   size={null}
                   sizeOverride={false}
                   style={null}
@@ -460,6 +476,7 @@ ShallowWrapper {
                 "children": Array [
                   "",
                   <Icon
+                    append={false}
                     ariaLabel={null}
                     buttonClassName=""
                     className=""
@@ -468,6 +485,7 @@ ShallowWrapper {
                     isAria={true}
                     name="arrow-down_16"
                     onClick={null}
+                    prepend={false}
                     size={null}
                     sizeOverride={false}
                     style={null}
@@ -486,6 +504,7 @@ ShallowWrapper {
                   "key": undefined,
                   "nodeType": "class",
                   "props": Object {
+                    "append": false,
                     "ariaLabel": null,
                     "buttonClassName": "",
                     "className": "",
@@ -494,6 +513,7 @@ ShallowWrapper {
                     "isAria": true,
                     "name": "arrow-down_16",
                     "onClick": null,
+                    "prepend": false,
                     "size": null,
                     "sizeOverride": false,
                     "style": null,
diff --git a/react/src/lib/TopbarMobile/tests/__snapshots__/index.spec.js.snap b/react/src/lib/TopbarMobile/tests/__snapshots__/index.spec.js.snap
index f16dd4d660..cbfc936411 100644
--- a/react/src/lib/TopbarMobile/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/TopbarMobile/tests/__snapshots__/index.spec.js.snap
@@ -26,6 +26,7 @@ ShallowWrapper {
     "props": Object {
       "children": Array [
         <Icon
+          append={false}
           aria-pressed={false}
           ariaLabel="Open Menu"
           buttonClassName="md-top-bar__mobile-menu-button"
@@ -35,6 +36,7 @@ ShallowWrapper {
           isAria={true}
           name="list-menu_20"
           onClick={[Function]}
+          prepend={false}
           size={null}
           sizeOverride={false}
           style={null}
@@ -49,6 +51,7 @@ ShallowWrapper {
           tabIndex={0}
         >
           <Icon
+            append={false}
             aria-pressed={false}
             ariaLabel="Close Menu"
             buttonClassName="md-tb-mobile__close"
@@ -58,6 +61,7 @@ ShallowWrapper {
             isAria={true}
             name="cancel_20"
             onClick={[Function]}
+            prepend={false}
             size={null}
             sizeOverride={false}
             style={null}
@@ -94,6 +98,7 @@ ShallowWrapper {
         "key": undefined,
         "nodeType": "class",
         "props": Object {
+          "append": false,
           "aria-pressed": false,
           "ariaLabel": "Open Menu",
           "buttonClassName": "md-top-bar__mobile-menu-button",
@@ -103,6 +108,7 @@ ShallowWrapper {
           "isAria": true,
           "name": "list-menu_20",
           "onClick": [Function],
+          "prepend": false,
           "size": null,
           "sizeOverride": false,
           "style": null,
@@ -120,6 +126,7 @@ ShallowWrapper {
         "props": Object {
           "children": Array [
             <Icon
+              append={false}
               aria-pressed={false}
               ariaLabel="Close Menu"
               buttonClassName="md-tb-mobile__close"
@@ -129,6 +136,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_20"
               onClick={[Function]}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -164,6 +172,7 @@ ShallowWrapper {
             "key": undefined,
             "nodeType": "class",
             "props": Object {
+              "append": false,
               "aria-pressed": false,
               "ariaLabel": "Close Menu",
               "buttonClassName": "md-tb-mobile__close",
@@ -173,6 +182,7 @@ ShallowWrapper {
               "isAria": true,
               "name": "cancel_20",
               "onClick": [Function],
+              "prepend": false,
               "size": null,
               "sizeOverride": false,
               "style": null,
@@ -252,6 +262,7 @@ ShallowWrapper {
       "props": Object {
         "children": Array [
           <Icon
+            append={false}
             aria-pressed={false}
             ariaLabel="Open Menu"
             buttonClassName="md-top-bar__mobile-menu-button"
@@ -261,6 +272,7 @@ ShallowWrapper {
             isAria={true}
             name="list-menu_20"
             onClick={[Function]}
+            prepend={false}
             size={null}
             sizeOverride={false}
             style={null}
@@ -275,6 +287,7 @@ ShallowWrapper {
             tabIndex={0}
           >
             <Icon
+              append={false}
               aria-pressed={false}
               ariaLabel="Close Menu"
               buttonClassName="md-tb-mobile__close"
@@ -284,6 +297,7 @@ ShallowWrapper {
               isAria={true}
               name="cancel_20"
               onClick={[Function]}
+              prepend={false}
               size={null}
               sizeOverride={false}
               style={null}
@@ -320,6 +334,7 @@ ShallowWrapper {
           "key": undefined,
           "nodeType": "class",
           "props": Object {
+            "append": false,
             "aria-pressed": false,
             "ariaLabel": "Open Menu",
             "buttonClassName": "md-top-bar__mobile-menu-button",
@@ -329,6 +344,7 @@ ShallowWrapper {
             "isAria": true,
             "name": "list-menu_20",
             "onClick": [Function],
+            "prepend": false,
             "size": null,
             "sizeOverride": false,
             "style": null,
@@ -346,6 +362,7 @@ ShallowWrapper {
           "props": Object {
             "children": Array [
               <Icon
+                append={false}
                 aria-pressed={false}
                 ariaLabel="Close Menu"
                 buttonClassName="md-tb-mobile__close"
@@ -355,6 +372,7 @@ ShallowWrapper {
                 isAria={true}
                 name="cancel_20"
                 onClick={[Function]}
+                prepend={false}
                 size={null}
                 sizeOverride={false}
                 style={null}
@@ -390,6 +408,7 @@ ShallowWrapper {
               "key": undefined,
               "nodeType": "class",
               "props": Object {
+                "append": false,
                 "aria-pressed": false,
                 "ariaLabel": "Close Menu",
                 "buttonClassName": "md-tb-mobile__close",
@@ -399,6 +418,7 @@ ShallowWrapper {
                 "isAria": true,
                 "name": "cancel_20",
                 "onClick": [Function],
+                "prepend": false,
                 "size": null,
                 "sizeOverride": false,
                 "style": null,