diff --git a/packages/clay-css/src/content/sheet.html b/packages/clay-css/src/content/sheet.html
index 8e66adb0c0..322df7ebd8 100644
--- a/packages/clay-css/src/content/sheet.html
+++ b/packages/clay-css/src/content/sheet.html
@@ -46,7 +46,7 @@ <h3 class="sheet-subtitle">
 							<span class="heading-text">Sheet Subtitle 4 with Autofit Float</span>
 						</span>
 						<span class="autofit-col">
-							<button class="btn btn-secondary btn-sm" type="button">Add</button>
+							<a class="btn btn-secondary btn-sm" href="#1" role="button">Add</a>
 						</span>
 						<span class="autofit-col">
 							<button class="btn btn-secondary btn-sm" type="button">Remove</button>
diff --git a/packages/clay-css/src/images/icons/add-role.svg b/packages/clay-css/src/images/icons/add-role.svg
index 1a1994b1df..d0aa1b478b 100644
--- a/packages/clay-css/src/images/icons/add-role.svg
+++ b/packages/clay-css/src/images/icons/add-role.svg
@@ -1,5 +1,5 @@
-<svg id="add-role" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 23.68">
-  <path class="lexicon-icon-body" id="key" d="M19,13a3,3,0,1,0-4,2.82V19a1,1,0,0,0,2,0V15.82A3,3,0,0,0,19,13Z" transform="translate(-4 -5.32)" />
-  <path class="lexicon-icon-outline" id="shield" d="M24.39,6.68,19.14,5.63a16,16,0,0,0-6.28,0L7.61,6.68A2,2,0,0,0,6,8.64v8.94s0,.06,0,.1a6.94,6.94,0,0,1,2-.6V8.64l5.25-1.05a14,14,0,0,1,5.49,0L24,8.64v8.94a6,6,0,0,1-3.77,5.57L16,24.85l-.05,0a7,7,0,0,1-.51,1.93,1.91,1.91,0,0,0,1.31-.05L21,25a8,8,0,0,0,5-7.43V8.64A2,2,0,0,0,24.39,6.68Z" transform="translate(-4 -5.32)" />
-  <path class="lexicon-icon-body" d="M9,19a5,5,0,1,0,5,5A5,5,0,0,0,9,19Zm2.5,6H10v1.5a1,1,0,0,1-2,0V25H6.5a1,1,0,0,1,0-2H8V21.5a1,1,0,0,1,2,0V23h1.5a1,1,0,0,1,0,2Z" transform="translate(-4 -5.32)" />
+<svg id="add-role" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="add-role-key-hole lexicon-icon-outline" d="M336,166c0-87.7-128-85.6-128,0c0,28.1,17.9,51.9,42.7,60.8v68.7c0,27,42.7,30.3,42.7,0v-68.7C318.1,217.9,336,194.1,336,166z"/>
+	<path class="add-role-border lexicon-icon-outline" d="M445.6,29.9C273.8-9,262.8-10.6,98.4,28.9C78.7,35.2,64,50.7,64,71.3c0,0,0.1,194.3,0.2,195c13.3-6.3,27.6-10.8,42.7-12.9c0,0,0.7-164.9,0-182.1c157.3-38.7,172.4-37.7,330.3,1c0,13.8,0,193,0,193c-2.2,116.4-107.8,138.3-149.1,155.2c0.2,7.4-5.4,28.6-11,41.6c4,1.2,9.1,4.2,28-1.1c123.3-43,170.4-78.4,174.9-195.7v-193C480,51.7,463.3,35.8,445.6,29.9z"/>
+	<path class="add-role-plus lexicon-icon-outline" d="M139,296c-59.1,0-107,48.4-107,108s47.9,108,107,108s107-48.4,107-108S198.1,296,139,296z M192.5,425.6h-32.1V458c0,28.4-42.8,28.4-42.8,0v-32.4H85.5c-28.8,0-28.1-43.2,0-43.2h32.1V350c0-29,42.8-29,42.8,0v32.4h32.1C220.6,382.4,221.9,425.6,192.5,425.6z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/calendar.svg b/packages/clay-css/src/images/icons/calendar.svg
index a17026a81e..d557574b7e 100644
--- a/packages/clay-css/src/images/icons/calendar.svg
+++ b/packages/clay-css/src/images/icons/calendar.svg
@@ -1,27 +1,18 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px" y="0px"
-	 viewBox="0 0 511.4 512" style="enable-background:new 0 0 511.4 512;" xml:space="preserve">
-<path class="lexicon-icon-body" fill="none" d="M511.4,159.4c0-35-28.4-63.4-63.4-63.4h-0.3V64V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-96V32
-	c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-96V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-0.3C28.4,96,0,124.4,0,159.4v284.3
-	c0,35,28.4,68.4,63.4,68.4h320h32l96-96h0L511.4,159.4z"/>
-<path class="lexicon-icon-outline" d="M511.4,159.4c0-35-28.4-63.4-63.4-63.4h-0.3V64V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-96V32c0-17.7-14.3-32-32-32
-	s-32,14.3-32,32v64h-96V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-0.3C28.4,96,0,124.4,0,159.4v284.3c0,35,28.4,68.4,63.4,68.4
-	h320h32l96-96h0L511.4,159.4z M383.4,448v-64h64L383.4,448z M447.4,288v32h-96h-32v32v96H66c-1-1.2-2-3.1-2-4.4L64,160l383.4,0V288z
-	"/>
-<rect class="lexicon-icon-outline" x="95.7" y="192" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="159.7" y="192" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="223.7" y="192" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="287.7" y="192" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="351.7" y="192" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="95.7" y="256" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="159.7" y="256" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="223.7" y="256" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="287.7" y="256" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="351.7" y="256" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="95.7" y="320" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="95.7" y="384" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="159.7" y="384" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="159.7" y="320" width="32" height="32"/>
-<rect class="lexicon-icon-outline" x="223.7" y="320" width="32" height="32"/>
-</svg>
\ No newline at end of file
+<svg id="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="calendar-border lexicon-icon-outline" d="M512,160c0-35-28.7-64-63.7-64l-0.3,0v-64c0-44-64-41-64,0v64h-96v-64c0-40-64-44-64,0v64h-96v-64c0-45-64-40-64,0v64l-0.3,0c-35,0-63.7,29-63.7,64V448c0,35,29,64,64,64h352l96-96V160z M384,448.1v-64h64L384,448.1z M448,320H320v128H64V160h384V320z"/>
+	<rect class="calendar-date lexicon-icon-outline" x="96" y="192" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="160" y="192" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="224" y="192" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="288" y="192" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="352" y="192" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="96" y="256" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="160" y="256" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="224" y="256" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="288" y="256" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="352" y="256" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="96" y="320" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="96" y="384" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="160" y="384" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="160" y="320" width="32" height="32"/>
+	<rect class="calendar-date lexicon-icon-outline" x="224" y="320" width="32" height="32"/>
+</svg>
diff --git a/packages/clay-css/src/images/icons/date.svg b/packages/clay-css/src/images/icons/date.svg
index aea1fa3112..d32ba36984 100644
--- a/packages/clay-css/src/images/icons/date.svg
+++ b/packages/clay-css/src/images/icons/date.svg
@@ -1,18 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="date" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px" y="0px"
-	 viewBox="0 0 511.4 512" style="enable-background:new 0 0 511.4 512;" xml:space="preserve">
-<path class="lexicon-icon-body" fill="none" d="M511.4,159.4c0-35-28.4-63.4-63.4-63.4h-0.3V64V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-96V32
-	c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-96V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-0.3C28.4,96,0,124.4,0,159.4v284.3
-	c0,35,28.4,68.4,63.4,68.4h320h32l96-96h0L511.4,159.4z"/>
-<path class="lexicon-icon-outline" d="M511.4,159.4c0-35-28.4-63.4-63.4-63.4h-0.3V64V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-96V32c0-17.7-14.3-32-32-32
-	s-32,14.3-32,32v64h-96V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v64h-0.3C28.4,96,0,124.4,0,159.4v284.3c0,35,28.4,68.4,63.4,68.4
-	h320h32l96-96h0L511.4,159.4z M383.4,448v-64h64L383.4,448z M447.4,288v32h-96h-32v32v96H66c-1-1.2-2-3.1-2-4.4L64,160l383.4,0V288z
-	"/>
-<polygon class="lexicon-icon-outline" points="255.7,416 287.7,416 287.7,256 287.7,224 287.7,192 255.7,192 255.7,224 223.7,224 223.7,256 255.7,256 "/>
-<rect class="lexicon-icon-outline" x="95.7" y="192" width="64" height="32"/>
-<rect class="lexicon-icon-outline" x="159.7" y="224" width="32" height="63"/>
-<rect class="lexicon-icon-outline" x="98" y="288" width="61.7" height="32"/>
-<polygon class="lexicon-icon-outline" points="159.7,416 159.7,384 127.7,384 95.7,384 95.7,416 127.7,416 "/>
-<rect class="lexicon-icon-outline" x="159.7" y="320" width="32" height="63"/>
+<svg id="date" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="date-border lexicon-icon-outline" d="M512,160.1c0-35-28.7-64-63.7-64l-0.3,0V32c0-44-64-41-64,0v64h-96V32c0-40-64-44-64,0v64h-96V32c0-45-64-40-64,0v64l-0.3,0C28.7,96,0,125,0,160v288.1c0,35,29,64,64,64h352l96-96V160.1z M384,448.2v-64h64L384,448.2z M448,320.1H320v128H64V160.1h384V320.1z"/>
+	<polygon class="date-1 lexicon-icon-outline" points="256,416 288,416 288,256 288,224 288,192 256,192 256,224 224,224 224,256 256,256 "/>
+	<rect class="date-3 lexicon-icon-outline" x="96" y="192" width="64" height="32"/>
+	<rect class="date-3 lexicon-icon-outline" x="160" y="224" width="32" height="63"/>
+	<rect class="date-3 lexicon-icon-outline" x="98.3" y="288" width="61.7" height="32"/>
+	<polygon class="date-3 lexicon-icon-outline" points="160,416 160,384 96,384 96,416 "/>
+	<rect class="date-3 lexicon-icon-outline" x="160" y="320" width="32" height="63"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/download.svg b/packages/clay-css/src/images/icons/download.svg
index f6c5f03c28..e61a7dce66 100644
--- a/packages/clay-css/src/images/icons/download.svg
+++ b/packages/clay-css/src/images/icons/download.svg
@@ -1,12 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="download" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px" y="0px"
-	 viewBox="0 0 384 512" enable-background="new 0 0 384 512" xml:space="preserve">
-<g>
-	<path class="lexicon-icon-outline" d="M169.1,374.4999c6.1,6.1,14.3,9.5,22.9,9.5c8.6,0,16.8-3.4,22.9-9.5l71.6-71.6c12.7-12.7,12.7-33.2,0-45.8
-		c-6.3-6.3-14.6-9.5-22.9-9.5s-16.6,3.2-22.9,9.5L224,273.8V32c0-17.7-14.3-32-32-32s-32,14.3-32,32v241.8l-16.7-16.7
-		c-12.7-12.7-33.2-12.7-45.8,0c-12.7,12.7-12.7,33.2,0,45.8L169.1,374.4999z"/>
-	<path class="lexicon-icon-outline" d="M352,352c-17.7,0-32,14.3-32,32v64H64v-64c0-17.7-14.3-32-32-32c-17.7,0-32,14.3-32,32v128h32h32h289h31v-31v-33v-64
-		C384,366.3,369.7,352,352,352z"/>
-</g>
-</svg>
\ No newline at end of file
+<svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="download-arrow-down lexicon-icon-outline" d="M233.2,374.5c13.1,13.2,33.5,12.2,45.6,0l71.3-71.6c29.8-29.9-14.3-77.2-45.6-45.8l-16.6,16.7V32.1c0-42.5-63.7-43-63.7,0v241.7l-16.6-16.7c-30.8-30.9-75.5,15.8-45.6,45.8L233.2,374.5z"/>
+	<path class="download-border lexicon-icon-outline" d="M384,384.5v63.8H128v-63.8c0-43.8-64-41.8-64,0V512h384V384.5C448,340.7,384,341.7,384,384.5z"/>
+</svg>
diff --git a/packages/clay-css/src/images/icons/dynamic-data-list.svg b/packages/clay-css/src/images/icons/dynamic-data-list.svg
index 489eb54f24..dafaa436af 100644
--- a/packages/clay-css/src/images/icons/dynamic-data-list.svg
+++ b/packages/clay-css/src/images/icons/dynamic-data-list.svg
@@ -1,11 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="dynamic-data-list" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px"
-	 y="0px" viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
-<path class="lexicon-icon-outline" d="M442.7,416.4l-45.2-26.2l22.8-54.8c0.7-1.5,1.1-3.1,1.1-4.7c0-5.9-4.7-10.7-10.6-10.7c-2.7,0.1-4.9,0.9-6.7,2.3
-	c-0.3,0.3-0.6,0.4-0.7,0.6l-80,75.7c-2.5,2.3-3.6,5.7-3.3,9c0.4,3.3,2.3,6.3,5.3,8l45.3,26.3l-23.1,55.4c-2,4.6-0.4,10,3.8,12.9
-	c1.9,1.3,4,1.9,6.1,1.9c2.7,0,5.3-1,7.3-2.9l80-75.7c2.4-2.3,3.6-5.7,3.2-9C447.5,421,445.6,418,442.7,416.4z"/>
-<path class="lexicon-icon-outline" d="M383.7,0H63.9C28.6,0,0,28.6,0,63.9v320.1C0,419.3,28.7,448,63.9,448h192.2l-0.1-64H256h-64v-64h64h0.1H320v-63.8V256v-64
-	h64v64v0.2h64V64.3C448,28.8,419.2,0,383.7,0z M128,384H64v-64h64V384z M128,256H64v-64h64V256z M128,128H64V64h64V128z M256,256
-	h-64v-64h64V256z M256,128h-64V64h64V128z M384,128h-64V64h64V128z"/>
+<svg id="dynamic-data-list" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="dynamic-data-list-bolt lexicon-icon-outline" d="M474.6,416.2L429.4,390l22.8-54.7c4.7-11.4-8.3-19.9-16.9-12.5l-80,75.6c-5.4,6.1-3.9,13.1,2,17l45.3,26.3L379.5,497c-4.1,10.7,8.1,20.2,17.2,11.9l80-75.6C481.4,429,481.4,419.8,474.6,416.2z"/>
+	<path class="dynamic-data-list-border lexicon-icon-outline" d="M415.7,0H95.9C60.6,0,32,28.6,32,63.9V384c0,35.3,28.7,64,63.9,64h192.2l-0.1-64l0,0h-64v-64h128V192h64v64v0.2h64V64.3C480,28.8,451.2,0,415.7,0z M160,384H96v-64h64V384z M160,256H96v-64h64V256z M160,128H96V64h64V128z M288,256h-64v-64h64V256z M288,128h-64V64h64V128z M416,128h-64V64h64V128z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/flags-et-EE.svg b/packages/clay-css/src/images/icons/flags-et-EE.svg
index 08a576684d..9adbaf3c63 100644
--- a/packages/clay-css/src/images/icons/flags-et-EE.svg
+++ b/packages/clay-css/src/images/icons/flags-et-EE.svg
@@ -1,13 +1,6 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 32 24" style="enable-background:new 0 0 32 24;" xml:space="preserve">
-<g id="et-ee">
-	<rect y="0" style="fill:#B0BEC9;" width="32" height="24"/>
-	<rect x="1" y="1.02" style="fill:#0072CE;" width="30" height="7"/>
-	<rect x="1" y="16" style="fill:#FFFFFF;" width="30" height="7"/>
-	<rect x="1" y="8" style="fill:#353535;" width="30" height="8"/>
-</g>
-<g id="Layer_1">
-</g>
-</svg>
+<svg id="et-ee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<rect fill="#C0CFD8" y="64" width="512" height="384"/>
+	<rect fill="#448FDC" x="16" y="80.3" width="480" height="112"/>
+	<rect fill="#FFFFFF" x="16" y="320" width="480" height="112"/>
+	<rect x="16" y="192" width="480" height="128"/>
+</svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/flags-th-TH.svg b/packages/clay-css/src/images/icons/flags-th-TH.svg
index 575c328513..db4dc34e8c 100644
--- a/packages/clay-css/src/images/icons/flags-th-TH.svg
+++ b/packages/clay-css/src/images/icons/flags-th-TH.svg
@@ -1,18 +1,8 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 32 24" style="enable-background:new 0 0 32 24;" xml:space="preserve">
-<g id="th-th">
-	<rect y="0" style="fill:#B0BEC9;" width="32" height="24"/>
-	<g>
-		<rect x="1" y="1" style="fill:#E03232;" width="30" height="3.667"/>
-		<rect x="1" y="4.667" style="fill:#FFFFFF;" width="30" height="3.667"/>
-		<rect x="1" y="8.333" style="fill:#0035A0;" width="30" height="3.667"/>
-		<rect x="1" y="12" style="fill:#0035A0;" width="30" height="3.667"/>
-		<rect x="1" y="15.667" style="fill:#FFFFFF;" width="30" height="3.667"/>
-		<rect x="1" y="19.333" style="fill:#E03232;" width="30" height="3.667"/>
-	</g>
-</g>
-<g id="Layer_1">
-</g>
+<svg id="th-th" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<rect fill="#C0CFD8" y="64" width="512" height="384"/>
+	<rect fill="#F01616" x="16" y="372.5" width="480" height="58"/>
+	<rect fill="#FFFFFF" x="16" y="313.9" width="480" height="58"/>
+	<rect fill="#241B50" x="16" y="198" width="480" height="116"/>
+	<rect fill="#FFFFFF" x="16" y="139.9" width="480" height="58"/>
+	<rect fill="#F01616" x="16" y="82" width="480" height="58"/>
 </svg>
diff --git a/packages/clay-css/src/images/icons/format.svg b/packages/clay-css/src/images/icons/format.svg
index 6e34ccd1bb..c65b847ea5 100644
--- a/packages/clay-css/src/images/icons/format.svg
+++ b/packages/clay-css/src/images/icons/format.svg
@@ -1,8 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="format" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px" y="0px"
-	 viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
-<path class="lexicon-icon-outline" d="M384,0H160c-35.2,0-64,28.8-64,64v64c0,35.2,28.8,64,64,64h224c35.2,0,64-28.8,64-64V64C448,28.8,419.2,0,384,0z"/>
-<path class="lexicon-icon-outline" d="M383,320h-31v-64c0-17.7-14.3-32-32-32H64v-96c0-17.7-14.3-32-32-32S0,110.3,0,128v128c0,17.7,14.3,32,32,32h256v32h-31
-	c-0.5,0-1,0.5-1,1v190c0,0.5,0.5,1,1,1h126c0.5,0,1-0.5,1-1V321C384,320.5,383.5,320,383,320z"/>
-</svg>
\ No newline at end of file
+<svg id="format" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="format-roller lexicon-icon-outline" d="M416,192H192c-35.3,0-64-28.7-64-64V64c0-35.3,28.7-64,64-64h224c35.3,0,64,28.7,64,64v64C480,163.3,451.3,192,416,192z"/>
+	<path class="format-handle lexicon-icon-outline" d="M320,320v-64c0-17.7-14.3-32-32-32H96V96c0-43-64-43-64,0v160c0,17.7,14.3,32,32,32h192v32h0c-17.7,0-32,14.3-32,32v160h128V352C352,334.3,337.7,320,320,320L320,320z"/>
+</svg>
diff --git a/packages/clay-css/src/images/icons/list-ol.svg b/packages/clay-css/src/images/icons/list-ol.svg
index 7987c0bd9b..68f05c24b3 100644
--- a/packages/clay-css/src/images/icons/list-ol.svg
+++ b/packages/clay-css/src/images/icons/list-ol.svg
@@ -1,8 +1,8 @@
-<svg id="list-ol" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-	<path class="lexicon-icon-outline list-ol-item-3" d="M15,15H6c-1.3,0-1.4-2,0-2h9C16.4,13,16.3,15,15,15z"/>
-	<path class="lexicon-icon-outline list-ol-item-2" d="M15,9H6C4.7,9,4.6,7,6,7h9C16.4,7,16.3,9,15,9z"/>
-	<path class="lexicon-icon-outline list-ol-item-1" d="M15,3H6C4.7,3,4.6,1,6,1h9C16.4,1,16.3,3,15,3z"/>
-	<path class="lexicon-icon-outline list-ol-bullet-3" d="M0.5,14.8c0.3,0.5,1.8,0.9,1.9-0.2c0-0.8-1.1-0.8-1.3-0.8v-0.6c0.8,0.1,1.5-0.5,1-1.2c-0.4-0.3-1.1-0.1-1.4,0.3l-0.4-0.5c0.2-0.3,1.4-1,2.4-0.3C3,12,3.4,13.1,2.3,13.6c0,0,1.3,0.4,0.8,1.7c-0.6,1.1-2.3,0.9-3,0.1L0.5,14.8z"/>
-	<path class="lexicon-icon-outline list-ol-bullet-2" d="M0.2,9.7C0.8,8.9,2.8,7.5,2,6.5C1.4,5.9,0.7,6.6,0.6,6.8L0.2,6.3c0.9-1,2.1-0.7,2.4-0.3c0.5,0.5,0.6,1.2-0.1,2.2c-0.3,0.4-1,1.2-1.3,1.4c0.7,0,1.9,0,1.9,0l0,0.5h-3V9.7z"/>
-	<path class="lexicon-icon-outline list-ol-bullet-1" d="M1.3,0.9H0.4V0.4c0.2,0,0.9-0.3,1-0.4h0.6l0,4.5l-0.8,0L1.3,0.9z"/>
-</svg>
+<svg id="list-ol" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline list-ol-item-3" d="M479.4,478.1H189.8c-41.8,0-45-63.7,0-63.7h289.6C524.5,414.4,521.2,478.1,479.4,478.1z"/>
+	<path class="lexicon-icon-outline list-ol-item-2" d="M479.4,286.9H189.8c-41.8,0-45-63.7,0-63.7h289.6C524.5,223.1,521.2,286.9,479.4,286.9z"/>
+	<path class="lexicon-icon-outline list-ol-item-1" d="M479.4,95.6H189.8c-41.8,0-45-63.7,0-63.7h289.6C524.5,31.9,521.2,95.6,479.4,95.6z"/>
+	<path class="lexicon-icon-outline list-ol-bullet-3" d="M12.9,471.7c9.7,15.9,57.9,28.7,61.1-6.4c0-25.5-35.4-25.5-41.8-25.5v-19.1c25.7,3.2,48.8-16.7,32.2-38.2c-11.4-11.5-35.4-3.2-45,9.6l-13-16c6.4-9.6,42.6-33.1,77.2-9.6c19.3,12.4,22.5,51-12.9,66.9c0,0,44.2,13.5,25.7,54.2c-19.3,35.1-74,28.7-96.5,3.2L12.9,471.7z"/>
+	<path class="lexicon-icon-outline list-ol-bullet-2" d="M0,303c25-24,88-66,61.1-95.8c-19.3-19.1-41.8,3.2-45,9.6l-12.9-16c29-31.9,63.8-23.8,77.2-9.6c42.9,46.1-35.4,102.4-45,108.8c22.5,0,61.1,0,61.1,0v21.9H0V303z"/>
+	<path class="lexicon-icon-outline list-ol-bullet-1" d="M38.6,28.7h-29v-16c6.4,0,29-9.6,32.2-12.7h19.3v143.4H35.4L38.6,28.7z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/mark-as-answer.svg b/packages/clay-css/src/images/icons/mark-as-answer.svg
index 1134702845..5586e3f57c 100644
--- a/packages/clay-css/src/images/icons/mark-as-answer.svg
+++ b/packages/clay-css/src/images/icons/mark-as-answer.svg
@@ -1,14 +1,7 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="mark-as-answer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px"
-	 y="0px" viewBox="0 0 416 448" enable-background="new 0 0 416 448" xml:space="preserve">
-<g>
-	<path class="lexicon-icon-outline" d="M96,0C43.0654,0,0,43.0654,0,96c0,17.6733,14.3267,32,32,32s32-14.3267,32-32c0-17.645,14.355-32,32-32s32,14.355,32,32
-		c0,18.5171-6.9668,26.209-22.7241,41.8433C87.8564,155.126,64,178.7954,64,224c0,17.6729,14.3267,32,32,32s32-14.3271,32-32
-		c0-17.7974,6.8525-25.3462,22.3521-40.7241C167.9282,165.8374,192,141.9546,192,96C192,43.0654,148.9346,0,96,0z"/>
-	<circle cx="96" cy="320" r="32"/>
-	<path class="lexicon-icon-outline" d="M384,192H192c-17.6733,0-32,14.3267-32,32s14.3267,32,32,32h192c17.6729,0,32-14.3267,32-32S401.6729,192,384,192z"/>
-	<path class="lexicon-icon-outline" d="M352,288H192c-17.6733,0-32,14.3267-32,32s14.3267,32,32,32h160c17.6729,0,32-14.3267,32-32S369.6729,288,352,288z"/>
-	<path class="lexicon-icon-outline" d="M320,384H192c-17.6733,0-32,14.3271-32,32s14.3267,32,32,32h128c17.6729,0,32-14.3271,32-32S337.6729,384,320,384z"/>
-</g>
-</svg>
+<svg id="mark-as-answer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline mark-as-answer-hook" d="M105,109.4c0-47.6,73-48.6,73,0c0,53.2-73,53.2-73,145.9c0,50.9,73,46.9,73,0c0-49.9,73-56.9,73-145.9C251-35,32-38,32,109.4C32,158.6,105,157.6,105,109.4z"/>
+	<path class="lexicon-icon-outline mark-as-answer-item-2" d="M312.4,390h131.2c48.1,0,49.1-64,0-64H312.4C264.9,326,262.9,390,312.4,390z"/>
+	<path class="lexicon-icon-outline mark-as-answer-item-1" d="M312.4,262h131.2c48.1,0,49.1-64,0-64H312.4C264.9,198,262.9,262,312.4,262z"/>
+	<path class="lexicon-icon-outline mark-as-answer-item-3" d="M312.4,511h67.2c48.1,0,49.1-64,0-64h-67.2C264.9,447,262.9,511,312.4,511z"/>
+	<circle class="lexicon-icon-outline mark-as-answer-dot" cx="141.1" cy="358" r="36"/>
+</svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/mark-as-question.svg b/packages/clay-css/src/images/icons/mark-as-question.svg
index 161868f99d..28c7345221 100644
--- a/packages/clay-css/src/images/icons/mark-as-question.svg
+++ b/packages/clay-css/src/images/icons/mark-as-question.svg
@@ -1,13 +1,6 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="mark-as-question" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px"
-	 y="0px" viewBox="0 0 416 448" enable-background="new 0 0 416 448" xml:space="preserve">
-<g>
-	<path class="lexicon-icon-outline" d="M256,128c17.6729,0,32-14.3267,32-32c0-17.645,14.3555-32,32-32s32,14.355,32,32c0,18.5171-6.9668,26.209-22.7246,41.8433
-		C311.8564,155.126,288,178.7954,288,224c0,17.6729,14.3271,32,32,32s32-14.3271,32-32c0-17.7974,6.8525-25.3462,22.3525-40.7241
-		C391.9287,165.8374,416,141.9546,416,96c0-52.9346-43.0654-96-96-96s-96,43.0654-96,96C224,113.6733,238.3271,128,256,128z"/>
-	<circle cx="320" cy="320" r="32"/>
-	<path class="lexicon-icon-outline" d="M32,352h128c17.6729,0,32-14.3267,32-32s-14.3271-32-32-32H32c-17.6733,0-32,14.3267-32,32S14.3267,352,32,352z"/>
-	<path class="lexicon-icon-outline" d="M352,384H32c-17.6733,0-32,14.3271-32,32s14.3267,32,32,32h320c17.6729,0,32-14.3271,32-32S369.6729,384,352,384z"/>
-</g>
-</svg>
+<svg id="mark-as-question" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline mark-as-question-hook" d="M333,109.4c0-47.6,73-48.6,73,0c0,53.2-73,53.2-73,145.9c0,50.9,73,46.9,73,0c0-49.9,73-56.9,73-145.9c0-144.4-219-147.4-219,0C260,158.6,333,157.6,333,109.4z"/>
+	<path class="lexicon-icon-outline mark-as-question-item-1" d="M100.4,390h131.2c48.1,0,49.1-64,0-64H100.4C52.9,326,50.9,390,100.4,390z"/>
+	<path class="lexicon-icon-outline mark-as-question-item-2" d="M100.4,512h311.2c48.1,0,49.1-64,0-64H100.4C52.9,448,50.9,512,100.4,512z"/>
+	<circle class="lexicon-icon-outline mark-as-question-dot" cx="369.1" cy="358" r="36"/>
+</svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/mobile-landscape.svg b/packages/clay-css/src/images/icons/mobile-landscape.svg
index 5ee672afaa..eb3aa86f87 100644
--- a/packages/clay-css/src/images/icons/mobile-landscape.svg
+++ b/packages/clay-css/src/images/icons/mobile-landscape.svg
@@ -1,9 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="mobile-landscape" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px"
-	 y="0px" viewBox="0 0 384 288" style="enable-background:new 0 0 384 288;" xml:space="preserve">
-<path class="lexicon-icon-body" fill="none" d="M320,0H64C28.8,0,0,28.8,0,64v160c0,35.2,28.8,64,64,64h256c35.2,0,64-28.8,64-64V64C384,28.8,355.2,0,320,0z
-	 M336,160c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S344.8,160,336,160z"/>
-<path class="lexicon-icon-outline" d="M320,0H64C28.8,0,0,28.8,0,64v160c0,35.2,28.8,64,64,64h256c35.2,0,64-28.8,64-64V64C384,28.8,355.2,0,320,0z M286.8,224H64
-	V64h222.8V224L286.8,224z M336,160c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S344.8,160,336,160z"/>
+<svg id="mobile-landscape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline" d="M0,128v256c0,35.2,28.8,64,64,64h384c35.2,0,64-28.8,64-64V128c0-35.2-28.8-64-64-64H64C28.8,64,0,92.8,0,128z M480,238v32c0,22-32,20-32,0v-32C448,216,480,217,480,238z M384,128.7c17.7,0,32,14.3,32,32V352c0,17.7-14.3,32-32,32H96c-17.7,0-32-14.3-32-32V160.7c0-17.7,14.3-32,32-32H384z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/mobile-portrait.svg b/packages/clay-css/src/images/icons/mobile-portrait.svg
index 4813f9bf6f..24eb238ba2 100644
--- a/packages/clay-css/src/images/icons/mobile-portrait.svg
+++ b/packages/clay-css/src/images/icons/mobile-portrait.svg
@@ -1,9 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="mobile-vertical" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px"
-	 y="0px" viewBox="0 0 288 384" style="enable-background:new 0 0 288 384;" xml:space="preserve">
-<path class="lexicon-icon-body" fill="none" d="M224,0H64C28.8,0,0,28.8,0,64v256c0,35.2,28.8,64,64,64h160c35.2,0,64-28.8,64-64V64C288,28.8,259.2,0,224,0z
-	 M144,352c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S152.8,352,144,352z"/>
-<path class="lexicon-icon-outline" d="M288,320V64c0-35.2-28.8-64-64-64H64C28.8,0,0,28.8,0,64v256c0,35.2,28.8,64,64,64h160C259.2,384,288,355.2,288,320z
-	 M64,286.8V64h160v222.8H64L64,286.8z M128,336c0-8.8,7.2-16,16-16s16,7.2,16,16s-7.2,16-16,16S128,344.8,128,336z"/>
+<svg id="mobile-portrait" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline" d="M384,0H128C92.8,0,64,28.8,64,64v384c0,35.2,28.8,64,64,64h256c35.2,0,64-28.8,64-64V64C448,28.8,419.2,0,384,0z M274,480h-32c-22,0-20-32,0-32h32C296,448,295,480,274,480z M383.3,384c0,17.7-14.3,32-32,32H160c-17.7,0-32-14.3-32-32V96c0-17.7,14.3-32,32-32h191.3c17.7,0,32,14.3,32,32V384z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/remove-role.svg b/packages/clay-css/src/images/icons/remove-role.svg
index fb9d2a17e7..c91304d58d 100644
--- a/packages/clay-css/src/images/icons/remove-role.svg
+++ b/packages/clay-css/src/images/icons/remove-role.svg
@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 23.68">
-  <path class="lexicon-icon-body" d="M19,13a3,3,0,1,0-4,2.82V19a1,1,0,0,0,2,0V15.82A3,3,0,0,0,19,13Z" transform="translate(-4 -5.32)" />
-  <path class="lexicon-icon-outline" d="M24.39,6.68,19.14,5.63a16,16,0,0,0-6.28,0L7.61,6.68A2,2,0,0,0,6,8.64v8.94s0,.06,0,.1a6.94,6.94,0,0,1,2-.6V8.64l5.25-1.05a14,14,0,0,1,5.49,0L24,8.64v8.94a6,6,0,0,1-3.77,5.57L16,24.85l-.05,0a7,7,0,0,1-.51,1.93,1.91,1.91,0,0,0,1.31-.05L21,25a8,8,0,0,0,5-7.43V8.64A2,2,0,0,0,24.39,6.68Z" transform="translate(-4 -5.32)" />
-    <path class="lexicon-icon-body" d="M9,19a5,5,0,1,0,5,5A5,5,0,0,0,9,19Zm2.5,6h-5a1,1,0,0,1,0-2h5a1,1,0,0,1,0,2Z" transform="translate(-4 -5.32)" />
+<svg id="remove-role" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline remove-role-key-hole" d="M336,166c0-87.7-128-85.6-128,0c0,28.1,17.9,51.9,42.7,60.8v68.7c0,27,42.7,30.3,42.7,0v-68.7C318.1,217.9,336,194.1,336,166z"/>
+	<path class="lexicon-icon-outline remove-role-border" d="M445.6,29.9C273.8-9,262.8-10.6,98.4,28.9C78.7,35.2,64,50.7,64,71.3c0,0,0.1,194.3,0.2,195c13.3-6.3,27.6-10.8,42.7-12.9c0,0,0.7-164.9,0-182.1c157.3-38.7,172.4-37.7,330.3,1c0,13.8,0,193,0,193c-2.2,116.4-107.8,138.3-149.1,155.2c0.2,7.4-5.4,28.6-11,41.6c4,1.2,9.1,4.2,28-1.1c123.3-43,170.4-78.4,174.9-195.7v-193C480,51.7,463.3,35.8,445.6,29.9z"/>
+	<path class="lexicon-icon-outline remove-role-minus" d="M139,296c-59.1,0-107,48.4-107,108s47.9,108,107,108s107-48.4,107-108S198.1,296,139,296z M192.5,425.6h-107c-28.8,0-28.1-43.2,0-43.2h107C220.6,382.4,221.9,425.6,192.5,425.6z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/reply.svg b/packages/clay-css/src/images/icons/reply.svg
index e313384ba5..efe9d252f1 100644
--- a/packages/clay-css/src/images/icons/reply.svg
+++ b/packages/clay-css/src/images/icons/reply.svg
@@ -1,9 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="reply" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px" y="0px"
-	 viewBox="0 0 320 255.9961" enable-background="new 0 0 320 255.9961" xml:space="preserve">
-<path class="lexicon-icon-outline" d="M288,63.9961H113.1l9.4-9.4c12.4-12.5,12.4-32.9,0-45.3C112.0359-1.0843,96.0384-2.7689,83.8296,4.23
-	c-2.3754,1.3618-4.6099,3.0464-6.6296,5.066l-67.9,67.9c-12.4,12.5-12.4,32.9,0,45.3l67.9,67.9
-	c2.0359,2.0197,4.284,3.7043,6.6704,5.066c12.2652,6.9989,28.2492,5.3143,38.6296-5.066c12.4-12.5,12.4-32.9,0-45.3l-17.1-17.1H256
-	v96c0,17.6,14.4,32,32,32s32-14.4,32-32v-128C320,78.3961,305.6,63.9961,288,63.9961z"/>
-</svg>
+<svg id="reply" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline" d="M460.8,198.4H181l15-15c49.7-49.7-25.8-119.2-72.5-72.5L14.9,219.5c-19.8,20-19.8,52.6,0,72.5l108.6,108.6c48.9,48.9,119.9-25.1,72.5-72.5l-27.4-27.4h241v95.6c0,68.6,102.4,68.6,102.4,0V249.6C512,221.4,489,198.4,460.8,198.4z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/share.svg b/packages/clay-css/src/images/icons/share.svg
index a59ba8d0c0..386ef1399c 100644
--- a/packages/clay-css/src/images/icons/share.svg
+++ b/packages/clay-css/src/images/icons/share.svg
@@ -1,13 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="share" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px" y="0px"
-	 viewBox="0 0 448 448" enable-background="new 0 0 448 448" xml:space="preserve">
-<path class="lexicon-icon-outline" d="M352,256c-25.8381,0-49.3213,10.2641-66.5961,26.9246l-94.1361-47.0682C191.7487,231.9703,192,228.014,192,224
-	c0-4.0142-0.2514-7.9706-0.7322-11.8568l94.1359-47.0681C302.6784,181.7358,326.1617,192,352,192c52.9346,0,96-43.0654,96-96
-	S404.9346,0,352,0s-96,43.0654-96,96c0,4.0143,0.2514,7.9707,0.7322,11.857l-94.136,47.0678C145.3215,138.2642,121.8382,128,96,128
-	c-52.9346,0-96,43.0654-96,96s43.0654,96,96,96c25.838,0,49.3212-10.264,66.5959-26.9245l94.1362,47.068
-	C256.2513,344.0297,256,347.9859,256,352c0,52.9346,43.0654,96,96,96s96-43.0654,96-96S404.9346,256,352,256z M352,64
-	c17.6445,0,32,14.355,32,32s-14.3555,32-32,32s-32-14.355-32-32S334.3555,64,352,64z M96,256c-17.645,0-32-14.3555-32-32
-	c0-17.645,14.355-32,32-32s32,14.355,32,32C128,241.6445,113.645,256,96,256z M352,384c-17.6445,0-32-14.3555-32-32
-	s14.3555-32,32-32s32,14.3555,32,32S369.6445,384,352,384z"/>
-</svg>
+<svg id="share" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline" d="M326.2,323.3l-107.6-53.8c2.7-5.9,2.4-19.9,0-27.1l107.6-53.8c77.2,69.3,185.8,13,185.8-78.9C512,49.2,462.8,0,402.3,0S287,51.3,293.4,123.3l-107.6,53.8C113.3,108,0,161.7,0,256c0,100.3,118.3,143.7,185.8,78.9l107.6,53.8C285,460.7,341.8,512,402.3,512S512,462.8,512,402.3C512,314.3,406.3,252,326.2,323.3z M438.9,109.7c0,49-73.1,47.6-73.1,0C365.7,60.3,438.9,62,438.9,109.7z M73.1,256c0-49,73.1-49,73.1,0C146.3,303.3,73.1,305,73.1,256z M365.7,402.3c0-48.6,73.1-49,73.1,0C438.9,451,365.7,449.7,365.7,402.3z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/tablet-landscape.svg b/packages/clay-css/src/images/icons/tablet-landscape.svg
index 7b4a430d88..787345df12 100644
--- a/packages/clay-css/src/images/icons/tablet-landscape.svg
+++ b/packages/clay-css/src/images/icons/tablet-landscape.svg
@@ -1,9 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="tablet-landscape" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px"
-	 y="0px" viewBox="0 0 416 352" style="enable-background:new 0 0 416 352;" xml:space="preserve">
-<path class="lexicon-icon-body" fill="none" d="M352,0H64C28.8,0,0,28.8,0,64v224c0,35.2,28.8,64,64,64h288c35.2,0,64-28.8,64-64V64C416,28.8,387.2,0,352,0z
-	 M368,192c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S376.8,192,368,192z"/>
-<path class="lexicon-icon-outline" d="M0,64v224c0,35.2,28.8,64,64,64h288c35.2,0,64-28.8,64-64V64c0-35.2-28.8-64-64-64H64C28.8,0,0,28.8,0,64z M384,176
-	c0,8.8-7.2,16-16,16s-16-7.2-16-16s7.2-16,16-16S384,167.2,384,176z M318.8,64v224H64V64H318.8z"/>
+<svg id="tablet-landscape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline" d="M0,142.7v226.5C0,412.6,35.4,448,78.8,448h354.5c43.3,0,78.8-35.4,78.8-78.7V142.7c0-43.3-35.4-78.7-78.8-78.7H78.8C35.4,64,0,99.4,0,142.7z M480,256c0,8.8-7.2,16-16,16s-16-7.2-16-16c0-8.8,7.2-16,16-16S480,247.2,480,256z M416,128v260H64V128H416z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/images/icons/tablet-portrait.svg b/packages/clay-css/src/images/icons/tablet-portrait.svg
index 32aa699a58..2d085e6947 100644
--- a/packages/clay-css/src/images/icons/tablet-portrait.svg
+++ b/packages/clay-css/src/images/icons/tablet-portrait.svg
@@ -1,9 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="tablet-vertical" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0px"
-	 y="0px" viewBox="0 0 352 416" style="enable-background:new 0 0 352 416;" xml:space="preserve">
-<path class="lexicon-icon-body" fill="none" d="M288,0H64C28.8,0,0,28.8,0,64v288c0,35.2,28.8,64,64,64h224c35.2,0,64-28.8,64-64V64C352,28.8,323.2,0,288,0z
-	 M176,384c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S184.8,384,176,384z"/>
-<path class="lexicon-icon-outline" d="M288,0H64C28.8,0,0,28.8,0,64v288c0,35.2,28.8,64,64,64h224c35.2,0,64-28.8,64-64V64C352,28.8,323.2,0,288,0z M176,384
-	c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S184.8,384,176,384z M288,318.8H64V64h224V318.8z"/>
+<svg id="tablet-portrait" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path class="lexicon-icon-outline" d="M369.3,0H142.7C99.4,0,64,35.4,64,78.8v354.5c0,43.3,35.4,78.8,78.7,78.8h226.5c43.3,0,78.7-35.4,78.7-78.8V78.8C448,35.4,412.6,0,369.3,0z M256,480c-8.8,0-16-7.2-16-16s7.2-16,16-16c8.8,0,16,7.2,16,16S264.8,480,256,480z M384,416H124V64h260V416z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/clay-css/src/scss/components/_alerts.scss b/packages/clay-css/src/scss/components/_alerts.scss
index a52d3e560a..0f4568c765 100644
--- a/packages/clay-css/src/scss/components/_alerts.scss
+++ b/packages/clay-css/src/scss/components/_alerts.scss
@@ -110,9 +110,7 @@
 		width: $alert-notifications-max-width;
 
 		@include clay-scale-component {
-			clear: right;
-			float: right;
-			max-width: $alert-notifications-max-width;
+			max-width: none;
 			width: 100%;
 		}
 
diff --git a/packages/clay-css/src/scss/components/_sheets.scss b/packages/clay-css/src/scss/components/_sheets.scss
index ba69269418..f527afcfdd 100644
--- a/packages/clay-css/src/scss/components/_sheets.scss
+++ b/packages/clay-css/src/scss/components/_sheets.scss
@@ -156,6 +156,11 @@ fieldset {
 		margin-bottom: $sheet-subtitle-heading-text-margin-bottom;
 		margin-top: $sheet-subtitle-heading-text-margin-top;
 	}
+
+	a,
+	.btn {
+		text-transform: none;
+	}
 }
 
 a.sheet-subtitle {
diff --git a/packages/clay-css/src/scss/components/_utilities.scss b/packages/clay-css/src/scss/components/_utilities.scss
index 4967d188f4..e57b3c6833 100644
--- a/packages/clay-css/src/scss/components/_utilities.scss
+++ b/packages/clay-css/src/scss/components/_utilities.scss
@@ -100,8 +100,6 @@
 
 .autofit-padded-no-gutters-y {
 	margin-bottom: math-sign($autofit-padded-col-padding-y);
-	margin-left: math-sign($autofit-padded-col-padding-x);
-	margin-right: math-sign($autofit-padded-col-padding-x);
 	margin-top: math-sign($autofit-padded-col-padding-y);
 	width: auto;
 
diff --git a/packages/clay-css/src/scss/functions/_global-functions.scss b/packages/clay-css/src/scss/functions/_global-functions.scss
index 6d8dc0a874..28890f78ad 100644
--- a/packages/clay-css/src/scss/functions/_global-functions.scss
+++ b/packages/clay-css/src/scss/functions/_global-functions.scss
@@ -171,7 +171,7 @@
 
 	'add-column': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M0 56.9v398.2C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0H56.9C25.5 0 0 25.5 0 56.9z"/><path class="lexicon-icon-outline" d="M0 56.9v398.2C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0H56.9C25.5 0 0 25.5 0 56.9zM448 352v96h-96v-96h96zm-288 0v96H64v-96h96zm288-160v128h-96V192h96zm-288 0v128H64V192h96zM448 64v96h-96V64h96zm-288 0v96H64V64h96z" fill="#{$color}"/></svg>',
 
-	'add-role': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 23.68"><path class="lexicon-icon-body" d="M15 7.68a3 3 0 1 0-4 2.82v3.18a1 1 0 0 0 2 0V10.5a3 3 0 0 0 2-2.82z"/><path class="lexicon-icon-outline" d="M20.39 1.36L15.14.31a16 16 0 0 0-6.28 0L3.61 1.36A2 2 0 0 0 2 3.32v9.04a6.94 6.94 0 0 1 2-.6V3.32l5.25-1.05a14 14 0 0 1 5.49 0L20 3.32v8.94a6 6 0 0 1-3.77 5.57L12 19.53h-.05a7 7 0 0 1-.51 1.93 1.91 1.91 0 0 0 1.31-.05L17 19.68a8 8 0 0 0 5-7.43V3.32a2 2 0 0 0-1.61-1.96z" fill="#{$color}"/><path class="lexicon-icon-body" d="M5 13.68a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm2.5 6H6v1.5a1 1 0 0 1-2 0v-1.5H2.5a1 1 0 0 1 0-2H4v-1.5a1 1 0 0 1 2 0v1.5h1.5a1 1 0 0 1 0 2z"/></svg>',
+	'add-role': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="add-role-key-hole lexicon-icon-outline" d="M336 166c0-87.7-128-85.6-128 0 0 28.1 17.9 51.9 42.7 60.8v68.7c0 27 42.7 30.3 42.7 0v-68.7c24.7-8.9 42.6-32.7 42.6-60.8z" fill="#{$color}"/><path class="add-role-border lexicon-icon-outline" d="M445.6 29.9C273.8-9 262.8-10.6 98.4 28.9 78.7 35.2 64 50.7 64 71.3c0 0 .1 194.3.2 195 13.3-6.3 27.6-10.8 42.7-12.9 0 0 .7-164.9 0-182.1 157.3-38.7 172.4-37.7 330.3 1v193C435 381.7 329.4 403.6 288.1 420.5c.2 7.4-5.4 28.6-11 41.6 4 1.2 9.1 4.2 28-1.1 123.3-43 170.4-78.4 174.9-195.7v-193c0-20.6-16.7-36.5-34.4-42.4z" fill="#{$color}"/><path class="add-role-plus lexicon-icon-outline" d="M139 296c-59.1 0-107 48.4-107 108s47.9 108 107 108 107-48.4 107-108-47.9-108-107-108zm53.5 129.6h-32.1V458c0 28.4-42.8 28.4-42.8 0v-32.4H85.5c-28.8 0-28.1-43.2 0-43.2h32.1V350c0-29 42.8-29 42.8 0v32.4h32.1c28.1 0 29.4 43.2 0 43.2z" fill="#{$color}"/></svg>',
 
 	'add-row': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M455.1 0H56.9C25.5 0 0 25.5 0 56.9v398.2C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0z"/><path class="lexicon-icon-outline" d="M455.1 0H56.9C25.5 0 0 25.5 0 56.9v398.2C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0zM160 448H64v-96h96v96zm0-288H64V64h96v96zm160 288H192v-96h128v96zm0-288H192V64h128v96zm128 288h-96v-96h96v96zm0-288h-96V64h96v96z" fill="#{$color}"/></svg>',
 
@@ -233,7 +233,7 @@
 
 	'breadcrumb': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline breadcrumb-arrow-outline" d="M111.8 128L214 255.8 111.8 383.6H32V128h79.8m0-32H32c-19.2 0-32 12.8-32 32v255.6c0 19.2 12.8 32 32 32h79.9c9.6 0 19.2-3.2 25.6-12.8L239.7 275c9.6-12.8 9.6-28.8 0-38.3L137.4 108.8c-6.4-9.6-16-12.8-25.6-12.8z" fill="#{$color}"/><path class="lexicon-icon-outline breadcrumb-arrow-solid" d="M377 415.5H258.8c-25.6 0-41.5-32-25.6-51.1l86.3-108.6-86.3-108.6c-16-19.2 0-51.1 25.6-51.1H377c9.6 0 19.2 3.2 25.6 12.8l102.2 127.8c9.6 12.8 9.6 28.8 0 38.3L402.6 402.7c-6.4 9.6-16 12.8-25.6 12.8z" fill="#{$color}"/></svg>',
 
-	'calendar': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 511.4 512"><path class="lexicon-icon-body" fill="none" d="M511.4 159.4c0-35-28.4-63.4-63.4-63.4h-.3V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-.3C28.4 96 0 124.4 0 159.4v284.3c0 35 28.4 68.4 63.4 68.4h352l96-96V159.4z"/><path class="lexicon-icon-outline" d="M511.4 159.4c0-35-28.4-63.4-63.4-63.4h-.3V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-.3C28.4 96 0 124.4 0 159.4v284.3c0 35 28.4 68.4 63.4 68.4h352l96-96V159.4zM383.4 448v-64h64l-64 64zm64-160v32h-128v128H66c-1-1.2-2-3.1-2-4.4V160h383.4v128z" fill="#{$color}"/><path class="lexicon-icon-outline" fill="#{$color}" d="M95.7 192h32v32h-32zM159.7 192h32v32h-32zM223.7 192h32v32h-32zM287.7 192h32v32h-32zM351.7 192h32v32h-32zM95.7 256h32v32h-32zM159.7 256h32v32h-32zM223.7 256h32v32h-32zM287.7 256h32v32h-32zM351.7 256h32v32h-32zM95.7 320h32v32h-32zM95.7 384h32v32h-32zM159.7 384h32v32h-32zM159.7 320h32v32h-32zM223.7 320h32v32h-32z"/></svg>',
+	'calendar': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="calendar-border lexicon-icon-outline" d="M512 160c0-35-28.7-64-63.7-64h-.3V32c0-44-64-41-64 0v64h-96V32c0-40-64-44-64 0v64h-96V32c0-45-64-40-64 0v64h-.3C28.7 96 0 125 0 160v288c0 35 29 64 64 64h352l96-96V160zM384 448.1v-64h64l-64 64zM448 320H320v128H64V160h384v160z" fill="#{$color}"/><path class="calendar-date lexicon-icon-outline" fill="#{$color}" d="M96 192h32v32H96zM160 192h32v32h-32zM224 192h32v32h-32zM288 192h32v32h-32zM352 192h32v32h-32zM96 256h32v32H96zM160 256h32v32h-32zM224 256h32v32h-32zM288 256h32v32h-32zM352 256h32v32h-32zM96 320h32v32H96zM96 384h32v32H96zM160 384h32v32h-32zM160 320h32v32h-32zM224 320h32v32h-32z"/></svg>',
 
 	'camera': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M180.7 79.8c0-15.6-12.8-28.4-28.4-28.4H75.9c-15.6 0-28.4 12.8-28.4 28.4v22.6h133.2V79.8z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M454.6 123.3h-33V78c0-26.8-22-48.8-48.8-48.8H242c-26.8 0-48.8 22-48.8 48.8v45.3H57.4C25.7 123.3 0 149 0 180.6v244.8c0 31.6 25.7 57.4 57.4 57.4h397.3c31.6 0 57.4-25.7 57.4-57.4V180.6c-.1-31.6-25.8-57.3-57.5-57.3zM90.4 241.9c-16.6 0-30.1-13.5-30.1-30.1s13.5-30.1 30.1-30.1 30.1 13.5 30.1 30.1-13.5 30.1-30.1 30.1zm225.8 210.8c-74.8 0-135.5-60.7-135.5-135.5s60.7-135.5 135.5-135.5 135.5 60.7 135.5 135.5-60.6 135.5-135.5 135.5z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M391.5 317.2c0 41.6-33.7 75.3-75.3 75.3s-75.3-33.7-75.3-75.3 33.7-75.3 75.3-75.3 75.3 33.7 75.3 75.3z" fill="#{$color}"/></svg>',
 
@@ -297,7 +297,7 @@
 
 	'cut': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M335.4 208.2c-16.7-16.6-32.8-32.8-48-47.9 35.1-35.1 68.9-69 96.2-96.3H480c-24.1 24.1-82.4 82.2-144.6 144.2zm-48 47.9c78 77.9 161.9 161.6 192.1 191.9h-95.6c-39.6-39.6-93.2-93.1-144.3-144.1-10.4 10.4-20.4 20.3-29.8 29.8 9 14.6 14.3 31.9 14.3 50.3 0 53-43 96-96 96s-96-43-96-96 43-96 96-96c9.7 0 19 1.4 27.9 4.1 11.2-11.3 23.3-23.3 35.9-35.9L155.7 220c-8.7 2.6-18 4-27.5 4-53 0-96-43-96-96s43-96 96-96 96 43 96 96c0 18.5-5.3 35.8-14.4 50.5 9.5 9.5 19.5 19.4 29.9 29.8l.2-.2c15.1 15.1 31.3 31.2 47.9 47.8-.3.1-.4.2-.4.2zM128 160c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z" fill="#{$color}"/></svg>',
 
-	'date': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 511.4 512"><path class="lexicon-icon-body" fill="none" d="M511.4 159.4c0-35-28.4-63.4-63.4-63.4h-.3V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-.3C28.4 96 0 124.4 0 159.4v284.3c0 35 28.4 68.4 63.4 68.4h352l96-96V159.4z"/><path class="lexicon-icon-outline" d="M511.4 159.4c0-35-28.4-63.4-63.4-63.4h-.3V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-96V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-.3C28.4 96 0 124.4 0 159.4v284.3c0 35 28.4 68.4 63.4 68.4h352l96-96V159.4zM383.4 448v-64h64l-64 64zm64-160v32h-128v128H66c-1-1.2-2-3.1-2-4.4V160h383.4v128z" fill="#{$color}"/><path class="lexicon-icon-outline" fill="#{$color}" d="M255.7 416h32V192h-32v32h-32v32h32zM95.7 192h64v32h-64zM159.7 224h32v63h-32zM98 288h61.7v32H98zM159.7 416v-32h-64v32h32zM159.7 320h32v63h-32z"/></svg>',
+	'date': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="date-border lexicon-icon-outline" d="M512 160.1c0-35-28.7-64-63.7-64h-.3V32c0-44-64-41-64 0v64h-96V32c0-40-64-44-64 0v64h-96V32c0-45-64-40-64 0v64h-.3C28.7 96 0 125 0 160v288.1c0 35 29 64 64 64h352l96-96v-256zM384 448.2v-64h64l-64 64zm64-128.1H320v128H64v-288h384v160z" fill="#{$color}"/><path class="date-1 lexicon-icon-outline" fill="#{$color}" d="M256 416h32V192h-32v32h-32v32h32z"/><path class="date-3 lexicon-icon-outline" fill="#{$color}" d="M96 192h64v32H96zM160 224h32v63h-32zM98.3 288H160v32H98.3zM160 416v-32H96v32zM160 320h32v63h-32z"/></svg>',
 
 	'decimal': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline decimal-hundreths" d="M397.1 129.3c-74 0-82.9 84.1-82.9 125.6s10.4 127.9 82.9 127.9c73.5 0 82.9-86.4 82.9-127.9 0-41.3-9.4-125.6-82.9-125.6zm0 34.5c19.4-.4 29.3 15.8 34.7 34.9l-75 75c-1.6-42.5-1.2-110.7 40.3-109.9zm0 184.4c-18.9-.8-28.8-16.7-34.2-35.3l74.6-74.6c-.5 42.2.8 109.9-40.4 109.9z" fill="#{$color}"/><path class="lexicon-icon-outline decimal-tenths" d="M199.2 129.3c-74 0-82.9 84.1-82.9 125.6s10.4 127.9 82.9 127.9c73.5 0 82.9-86.4 82.9-127.9 0-41.3-9.4-125.6-82.9-125.6zm0 34.5c19.4-.4 29.3 15.8 34.7 34.9l-75 75c-1.5-42.5-1.2-110.7 40.3-109.9zm0 184.4c-18.9-.8-28.8-16.7-34.2-35.3l74.6-74.6c-.5 42.2.9 109.9-40.4 109.9z" fill="#{$color}"/><circle class="lexicon-icon-outline decimal-decimal-point" cx="64" cy="348.8" r="32" fill="#{$color}"/></svg>',
 
@@ -313,11 +313,11 @@
 
 	'documents-and-media': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M448 96h-64V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v256c0 35.3 28.7 64 64 64h32v64c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64z"/><path class="lexicon-icon-outline" d="M448 96h-64V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v256c0 35.3 28.7 64 64 64h32v64c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zM64 320V64h256v256H64zm384 128H160v-64h160c35.3 0 64-28.7 64-64V160h64v288z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M148 188.8c2.5 2.2 5.5 3.2 8.7 3.2 3.9 0 6.9-1.2 8.9-3.5 1.5-1.8 3.2-4.9 5.1-9.6l3.7-8.9h34.4l3.7 8.7v.1c.6 1.4 1.4 2.9 2.2 4.7 1 2 1.9 3.6 2.9 4.6 1.1 1.2 2.4 2.2 3.9 2.9 1.5.7 3.3 1 5.4 1 3.5 0 6.5-1.1 9-3.4 2.6-2.3 3.9-5.1 3.9-8.1 0-2.5-1-5.9-3.3-10.7l-25.1-55.5c-1.2-2.8-2.2-5-2.9-6.7-.9-1.9-2-3.7-3.2-5.3-1.4-1.9-3.3-3.4-5.6-4.5-2.3-1.2-5.1-1.8-8.4-1.8-3.2 0-6 .6-8.3 1.8-2.3 1.2-4.2 2.7-5.6 4.6-1.3 1.7-2.5 3.8-3.5 6.3l-2.5 5.8-24.5 55.9c-1.1 2.3-1.8 4.1-2.3 5.5-.6 1.6-.8 3.2-.8 4.8.2 2.1.9 5.2 4.2 8.1zm43.5-61.6l9.3 22.8h-18.4l9.1-22.8zM128 288h128c17.7 0 32-14.3 32-32s-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="#{$color}"/></svg>',
 
-	'download': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 384 512"><path class="lexicon-icon-outline" d="M169.1 374.5c6.1 6.1 14.3 9.5 22.9 9.5 8.6 0 16.8-3.4 22.9-9.5l71.6-71.6c12.7-12.7 12.7-33.2 0-45.8-6.3-6.3-14.6-9.5-22.9-9.5s-16.6 3.2-22.9 9.5L224 273.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v241.8l-16.7-16.7c-12.7-12.7-33.2-12.7-45.8 0-12.7 12.7-12.7 33.2 0 45.8l71.6 71.6z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M352 352c-17.7 0-32 14.3-32 32v64H64v-64c0-17.7-14.3-32-32-32S0 366.3 0 384v128h384V384c0-17.7-14.3-32-32-32z" fill="#{$color}"/></svg>',
+	'download': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="download-arrow-down lexicon-icon-outline" d="M233.2 374.5c13.1 13.2 33.5 12.2 45.6 0l71.3-71.6c29.8-29.9-14.3-77.2-45.6-45.8l-16.6 16.7V32.1c0-42.5-63.7-43-63.7 0v241.7l-16.6-16.7c-30.8-30.9-75.5 15.8-45.6 45.8l71.2 71.6z" fill="#{$color}"/><path class="download-border lexicon-icon-outline" d="M384 384.5v63.8H128v-63.8c0-43.8-64-41.8-64 0V512h384V384.5c0-43.8-64-42.8-64 0z" fill="#{$color}"/></svg>',
 
 	'drag': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><circle class="lexicon-icon-outline drag-dot-1" cx="192" cy="128" r="32" fill="#{$color}"/><circle class="lexicon-icon-outline drag-dot-2" cx="192" cy="256" r="32" fill="#{$color}"/><circle class="lexicon-icon-outline drag-dot-3" cx="192" cy="384" r="32" fill="#{$color}"/><circle class="lexicon-icon-outline drag-dot-4" cx="320" cy="128" r="32" fill="#{$color}"/><circle class="lexicon-icon-outline drag-dot-5" cx="320" cy="256" r="32" fill="#{$color}"/><circle class="lexicon-icon-outline drag-dot-6" cx="320" cy="384" r="32" fill="#{$color}"/></svg>',
 
-	'dynamic-data-list': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 448 512"><path class="lexicon-icon-outline" d="M442.7 416.4l-45.2-26.2 22.8-54.8c.7-1.5 1.1-3.1 1.1-4.7 0-5.9-4.7-10.7-10.6-10.7-2.7.1-4.9.9-6.7 2.3-.3.3-.6.4-.7.6l-80 75.7c-2.5 2.3-3.6 5.7-3.3 9 .4 3.3 2.3 6.3 5.3 8l45.3 26.3-23.1 55.4c-2 4.6-.4 10 3.8 12.9 1.9 1.3 4 1.9 6.1 1.9 2.7 0 5.3-1 7.3-2.9l80-75.7c2.4-2.3 3.6-5.7 3.2-9-.5-3.5-2.4-6.5-5.3-8.1zM383.7 0H63.9C28.6 0 0 28.6 0 63.9V384c0 35.3 28.7 64 63.9 64h192.2l-.1-64h-64v-64h128V192h64v64.2h64V64.3C448 28.8 419.2 0 383.7 0zM128 384H64v-64h64v64zm0-128H64v-64h64v64zm0-128H64V64h64v64zm128 128h-64v-64h64v64zm0-128h-64V64h64v64zm128 0h-64V64h64v64z" fill="#{$color}"/></svg>',
+	'dynamic-data-list': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="dynamic-data-list-bolt lexicon-icon-outline" d="M474.6 416.2L429.4 390l22.8-54.7c4.7-11.4-8.3-19.9-16.9-12.5l-80 75.6c-5.4 6.1-3.9 13.1 2 17l45.3 26.3-23.1 55.3c-4.1 10.7 8.1 20.2 17.2 11.9l80-75.6c4.7-4.3 4.7-13.5-2.1-17.1z" fill="#{$color}"/><path class="dynamic-data-list-border lexicon-icon-outline" d="M415.7 0H95.9C60.6 0 32 28.6 32 63.9V384c0 35.3 28.7 64 63.9 64h192.2l-.1-64h-64v-64h128V192h64v64.2h64V64.3C480 28.8 451.2 0 415.7 0zM160 384H96v-64h64v64zm0-128H96v-64h64v64zm0-128H96V64h64v64zm128 128h-64v-64h64v64zm0-128h-64V64h64v64zm128 0h-64V64h64v64z" fill="#{$color}"/></svg>',
 
 	'dynamic-data-mapping': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline ddm-border1" d="M64 87.6h128v32h32v-64c0-19.2-12.8-32-32-32H32c-19.2 0-32 12.8-32 32v288c0 19.2 12.8 32 32 32h83.2c3.2-22.4 9.6-44.8 22.4-64H64v-224z" fill="#{$color}"/><path class="lexicon-icon-outline ddm-border2" d="M480 23.6H320c-19.2 0-32 12.8-32 32v64h32v-32h128v224h-73.6c12.8 19.2 19.2 41.6 22.4 64H480c19.2 0 32-12.8 32-32v-288c0-19.2-12.8-32-32-32z" fill="#{$color}"/><path class="lexicon-icon-outline ddm-lightning" d="M313.6 391.6L268.8 366l22.4-54.4c6.4-12.8-9.6-19.2-16-12.8l-80 76.8c-6.4 6.4-6.4 12.8 3.2 16l44.8 25.6-22.4 54.4c-3.2 12.8 9.6 19.2 16 12.8l80-76.8c3.2-3.2 3.2-12.8-3.2-16z" fill="#{$color}"/><path class="lexicon-icon-outline ddm-barbell" d="M368 151.6c-22.4 0-38.4 12.8-44.8 32H188.8c-6.4-19.2-22.4-32-44.8-32-64 0-64 96 0 96 22.4 0 38.4-12.8 44.8-32h134.4c6.4 19.2 25.6 32 44.8 32 64 0 64-96 0-96z" fill="#{$color}"/></svg>',
 
@@ -383,7 +383,7 @@
 
 	'es-es': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80.3h480v112H16zM16 320h480v112H16z"/><path fill="#FCD638" d="M16 192h480v128H16z"/></svg>',
 
-	'et-ee': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24"><path fill="#b0bec9" d="M0 0h32v24H0z"/><path fill="#0072ce" d="M1 1.02h30v7H1z"/><path fill="#fff" d="M1 16h30v7H1z"/><path fill="#353535" d="M1 8h30v8H1z"/></svg>',
+	'et-ee': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#448FDC" d="M16 80.3h480v112H16z"/><path fill="#FFF" d="M16 320h480v112H16z"/><path d="M16 192h480v128H16z"/></svg>',
 
 	'eu-es': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#0094CE" d="M16 80.3h480v112H16z"/><path fill="#FFF" d="M16 320h480v112H16z"/><path fill="#4C4C4E" d="M16 192h480v128H16z"/><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h480v352H16z"/><path fill="#75BD4A" d="M256 295.7L441.9 432H496v-39.7L310.1 256 496 119.7V80h-54.1L256 216.3 70.1 80H16v39.7L201.9 256 16 392.3V432h54.1z"/><path fill="#FFF" d="M496 224H288V80h-64v144H16v64h208v144h64V288h208z"/></svg>',
 
@@ -443,7 +443,7 @@
 
 	'sv-se': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#0035A0" d="M16 80h480v352H16z"/><path fill="#FCD638" d="M144 80h64v352h-64z"/><path fill="#FCD638" d="M16 224h480.1v64H16z"/></svg>',
 
-	'th-th': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24"><path fill="#b0bec9" d="M0 0h32v24H0z"/><path fill="#e03232" d="M1 1h30v3.667H1z"/><path fill="#fff" d="M1 4.667h30v3.667H1z"/><path fill="#0035a0" d="M1 8.333h30V12H1zM1 12h30v3.667H1z"/><path fill="#fff" d="M1 15.667h30v3.667H1z"/><path fill="#e03232" d="M1 19.333h30V23H1z"/></svg>',
+	'th-th': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#F01616" d="M16 372.5h480v58H16z"/><path fill="#FFF" d="M16 313.9h480v58H16z"/><path fill="#241B50" d="M16 198h480v116H16z"/><path fill="#FFF" d="M16 139.9h480v58H16z"/><path fill="#F01616" d="M16 82h480v58H16z"/></svg>',
 
 	'tr-tr': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h480v352H16z"/><path fill="#FFF" d="M240 336c-44.2 0-80-35.8-80-80s35.8-80 80-80c2 0 4 .4 6 .6-15.4-10.5-34-16.6-54-16.6-53 0-96 43-96 96s43 96 96 96c20 0 38.6-6.1 54-16.6-2 .2-4 .6-6 .6z"/><path fill="#FFF" d="M253.2 202l20.6 25.7 30.7-11.6-18 27.4 20.5 25.7-31.7-8.7-18.1 27.5-1.5-32.8-31.7-8.7 30.8-11.6z"/></svg>',
 
@@ -457,7 +457,7 @@
 
 	'folder': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M455.1 128H352c-9.5 0-31.9-45.7-38.6-59.5C298 36.4 280.4 0 245.1 0H55.9C25.1 0 0 26.9 0 59.8v395.3C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V184.9c0-31.3-25.5-56.9-56.9-56.9z"/><path class="lexicon-icon-outline" d="M455.1 128H352c-9.5 0-31.9-45.7-38.6-59.5C298 36.4 280.4 0 245.1 0H55.9C25.1 0 0 26.9 0 59.8v395.3C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V184.9c0-31.3-25.5-56.9-56.9-56.9zM64 67s.3-2.4.7-3h178.1c5.6 5.9 14.4 31.8 19.8 43.4 3.1 6.7 6.3 13.7 9.9 20.6H64V67zm384 381H64V192h384v256z" fill="#{$color}"/></svg>',
 
-	'format': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 448 512"><path class="lexicon-icon-outline" d="M384 0H160c-35.2 0-64 28.8-64 64v64c0 35.2 28.8 64 64 64h224c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M383 320h-31v-64c0-17.7-14.3-32-32-32H64v-96c0-17.7-14.3-32-32-32S0 110.3 0 128v128c0 17.7 14.3 32 32 32h256v32h-31c-.5 0-1 .5-1 1v190c0 .5.5 1 1 1h126c.5 0 1-.5 1-1V321c0-.5-.5-1-1-1z" fill="#{$color}"/></svg>',
+	'format': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="format-roller lexicon-icon-outline" d="M416 192H192c-35.3 0-64-28.7-64-64V64c0-35.3 28.7-64 64-64h224c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64z" fill="#{$color}"/><path class="format-handle lexicon-icon-outline" d="M320 320v-64c0-17.7-14.3-32-32-32H96V96c0-43-64-43-64 0v160c0 17.7 14.3 32 32 32h192v32c-17.7 0-32 14.3-32 32v160h128V352c0-17.7-14.3-32-32-32z" fill="#{$color}"/></svg>',
 
 	'forms': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M448 0H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z"/><path class="lexicon-icon-outline" d="M448 0H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm0 448H64V64h384v384z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M384 128H224c-17.7 0-32 14.3-32 32s14.3 32 32 32h160c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="#{$color}"/><circle class="lexicon-icon-outline" cx="128" cy="160" r="32" fill="#{$color}"/><path class="lexicon-icon-outline" d="M384 224H224c-17.7 0-32 14.3-32 32s14.3 32 32 32h160c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="#{$color}"/><circle class="lexicon-icon-outline" cx="128" cy="256" r="32" fill="#{$color}"/><path class="lexicon-icon-outline" d="M384 320H224c-17.7 0-32 14.3-32 32s14.3 32 32 32h160c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="#{$color}"/><circle class="lexicon-icon-outline" cx="128" cy="352" r="32" fill="#{$color}"/></svg>',
 
@@ -509,7 +509,7 @@
 
 	'link': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M285.057 320.303c-24.563 0-49.097-9.328-67.78-28.039-9.667-9.666-9.667-25.326 0-34.964 9.667-9.666 25.326-9.666 34.965 0 18.062 18.062 47.486 18.09 65.576 0l122.474-122.445c18.062-18.061 18.062-47.486-.029-65.576-8.762-8.762-20.408-13.596-32.788-13.596-12.38 0-23.997 4.805-32.76 13.567L274.203 169.761c-9.666 9.666-25.326 9.666-34.964 0-9.666-9.666-9.666-25.326 0-34.964L339.751 34.286c18.09-18.09 42.144-28.067 67.724-28.067h.029c25.58 0 49.663 9.978 67.752 28.067 37.366 37.367 37.366 98.166.029 135.504L352.811 292.235c-18.683 18.712-43.218 28.067-67.752 28.067z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M105.882 499.619h-.141c-25.552-.029-49.606-10.005-67.696-28.096C.678 434.157.622 373.414 37.903 336.132L160.49 213.545c37.367-37.367 98.166-37.339 135.504.029 9.666 9.666 9.666 25.326 0 34.964-9.666 9.666-25.326 9.666-34.964 0-18.09-18.09-47.486-18.09-65.576-.029L72.867 371.096c-18.005 18.005-17.92 47.344.141 65.435 8.762 8.762 20.408 13.596 32.788 13.623h.085c12.323 0 23.885-4.777 32.59-13.483l100.257-100.257c9.667-9.666 25.326-9.666 34.965 0 9.666 9.666 9.666 25.326 0 34.964L173.436 471.635c-18.034 18.062-42.002 27.983-67.555 27.983z" fill="#{$color}"/></svg>',
 
-	'list-ol': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="lexicon-icon-outline list-ol-item-3" d="M15 15H6c-1.3 0-1.4-2 0-2h9c1.4 0 1.3 2 0 2z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-item-2" d="M15 9H6C4.7 9 4.6 7 6 7h9c1.4 0 1.3 2 0 2z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-item-1" d="M15 3H6C4.7 3 4.6 1 6 1h9c1.4 0 1.3 2 0 2z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-bullet-3" d="M.5 14.8c.3.5 1.8.9 1.9-.2 0-.8-1.1-.8-1.3-.8v-.6c.8.1 1.5-.5 1-1.2-.4-.3-1.1-.1-1.4.3l-.4-.5c.2-.3 1.4-1 2.4-.3.3.5.7 1.6-.4 2.1 0 0 1.3.4.8 1.7-.6 1.1-2.3.9-3 .1l.4-.6z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-bullet-2" d="M.2 9.7C.8 8.9 2.8 7.5 2 6.5c-.6-.6-1.3.1-1.4.3l-.4-.5c.9-1 2.1-.7 2.4-.3.5.5.6 1.2-.1 2.2-.3.4-1 1.2-1.3 1.4h1.9v.5h-3v-.4z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-bullet-1" d="M1.3.9H.4V.4c.2 0 .9-.3 1-.4H2v4.5h-.8L1.3.9z" fill="#{$color}"/></svg>',
+	'list-ol': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline list-ol-item-3" d="M479.4 478.1H189.8c-41.8 0-45-63.7 0-63.7h289.6c45.1 0 41.8 63.7 0 63.7z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-item-2" d="M479.4 286.9H189.8c-41.8 0-45-63.7 0-63.7h289.6c45.1-.1 41.8 63.7 0 63.7z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-item-1" d="M479.4 95.6H189.8c-41.8 0-45-63.7 0-63.7h289.6c45.1 0 41.8 63.7 0 63.7z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-bullet-3" d="M12.9 471.7c9.7 15.9 57.9 28.7 61.1-6.4 0-25.5-35.4-25.5-41.8-25.5v-19.1c25.7 3.2 48.8-16.7 32.2-38.2-11.4-11.5-35.4-3.2-45 9.6l-13-16c6.4-9.6 42.6-33.1 77.2-9.6 19.3 12.4 22.5 51-12.9 66.9 0 0 44.2 13.5 25.7 54.2-19.3 35.1-74 28.7-96.5 3.2l13-19.1z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-bullet-2" d="M0 303c25-24 88-66 61.1-95.8-19.3-19.1-41.8 3.2-45 9.6l-12.9-16c29-31.9 63.8-23.8 77.2-9.6 42.9 46.1-35.4 102.4-45 108.8h61.1v21.9H0V303z" fill="#{$color}"/><path class="lexicon-icon-outline list-ol-bullet-1" d="M38.6 28.7h-29v-16c6.4 0 29-9.6 32.2-12.7h19.3v143.4H35.4l3.2-114.7z" fill="#{$color}"/></svg>',
 
 	'list-ul': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M448 288H160c-17.6 0-32-14.4-32-32s14.4-32 32-32h288c17.6 0 32 14.4 32 32s-14.4 32-32 32zM448 512H160c-17.6 0-32-14.4-32-32s14.4-32 32-32h288c17.6 0 32 14.4 32 32s-14.4 32-32 32zM448 64H160c-17.6 0-32-14.4-32-32s14.4-32 32-32h288c17.6 0 32 14.4 32 32s-14.4 32-32 32zM64 256c0 17.673-14.327 32-32 32S0 273.673 0 256c0-17.673 14.327-32 32-32s32 14.327 32 32zM64 32c0 17.673-14.327 32-32 32S0 49.673 0 32C0 14.327 14.327 0 32 0s32 14.327 32 32zM64 480c0 17.673-14.327 32-32 32S0 497.673 0 480c0-17.673 14.327-32 32-32s32 14.327 32 32z" fill="#{$color}"/></svg>',
 
@@ -525,9 +525,9 @@
 
 	'magic': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M335.1 114.2c-16.7 0-32.5 6.5-44.3 18.4L18.5 404.9C6.3 417.1-.2 433.3.2 450.5c.4 17.3 7.6 33.2 20.3 44.8 11.6 10.6 26.6 16.4 42.3 16.4 16.7 0 32.5-6.5 44.3-18.4L379.4 221c24.4-24.4 24.4-64.2 0-88.6-11.8-11.7-27.5-18.2-44.3-18.2z"/><path class="lexicon-icon-outline" d="M335.1 114.2c-16.7 0-32.5 6.5-44.3 18.4L18.5 404.9C6.3 417.1-.2 433.3.2 450.5c.4 17.3 7.6 33.2 20.3 44.8 11.6 10.6 26.6 16.4 42.3 16.4 16.7 0 32.5-6.5 44.3-18.4L379.4 221c24.4-24.4 24.4-64.2 0-88.6-11.8-11.7-27.5-18.2-44.3-18.2zm-56.4 89.6l29.5 29.5-192.4 192.4-29.5-29.5 192.4-192.4zm-230 260.8c-4.2-3.9-6.7-9.2-6.8-14.9s2.1-11.1 6.1-15.2l8.7-8.7 29.5 29.5-8.7 8.7c-7.5 7.6-20.8 7.9-28.8.6zm301.2-273l-12.2 12.1-29.5-29.5 12.1-12.1c3.9-3.9 9.2-6.1 14.8-6.1s10.8 2.2 14.8 6.1c8.1 8.1 8.1 21.4 0 29.5zM446.6 95l6.1 6.1c4.1 4.1 9.4 6.1 14.8 6.1s10.7-2 14.8-6.1c8.2-8.2 8.2-21.4 0-29.5l-6.1-6.1 6.1-6.1c8.2-8.2 8.2-21.4 0-29.5-8.2-8.2-21.4-8.2-29.5 0l-6.1 6.1-6.1-6.1c-8.2-8.2-21.4-8.2-29.5 0-8.2 8.2-8.2 21.4 0 29.5l6.1 6.1-6.1 6.1c-8.2 8.2-8.2 21.4 0 29.5 4.1 4.1 9.4 6.1 14.8 6.1s10.7-2 14.8-6.1l5.9-6.1zM303 62.8c0 11.5 9.4 20.9 20.9 20.9s20.9-9.4 20.9-20.9c11.5 0 20.9-9.4 20.9-20.9S356.3 21 344.8 21c0-11.5-9.4-20.9-20.9-20.9S303 9.5 303 21.1c-11.5 0-20.9 9.4-20.9 20.9s9.4 20.8 20.9 20.8zM490.9 188.1c0-11.5-9.4-20.9-20.9-20.9s-20.9 9.4-20.9 20.9c-11.5 0-20.9 9.4-20.9 20.9s9.4 20.9 20.9 20.9c0 11.5 9.4 20.9 20.9 20.9s20.9-9.4 20.9-20.9c11.5 0 20.9-9.4 20.9-20.9s-9.3-20.9-20.9-20.9z" fill="#{$color}"/></svg>',
 
-	'mark-as-answer': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 416 448"><path class="lexicon-icon-outline" d="M96 0C43.065 0 0 43.065 0 96c0 17.673 14.327 32 32 32s32-14.327 32-32c0-17.645 14.355-32 32-32s32 14.355 32 32c0 18.517-6.967 26.209-22.724 41.843C87.856 155.126 64 178.795 64 224c0 17.673 14.327 32 32 32s32-14.327 32-32c0-17.797 6.853-25.346 22.352-40.724C167.928 165.837 192 141.955 192 96c0-52.935-43.065-96-96-96z" fill="#{$color}"/><circle cx="96" cy="320" r="32"/><path class="lexicon-icon-outline" d="M384 192H192c-17.673 0-32 14.327-32 32s14.327 32 32 32h192c17.673 0 32-14.327 32-32s-14.327-32-32-32zM352 288H192c-17.673 0-32 14.327-32 32s14.327 32 32 32h160c17.673 0 32-14.327 32-32s-14.327-32-32-32zM320 384H192c-17.673 0-32 14.327-32 32s14.327 32 32 32h128c17.673 0 32-14.327 32-32s-14.327-32-32-32z" fill="#{$color}"/></svg>',
+	'mark-as-answer': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline mark-as-answer-hook" d="M105 109.4c0-47.6 73-48.6 73 0 0 53.2-73 53.2-73 145.9 0 50.9 73 46.9 73 0 0-49.9 73-56.9 73-145.9C251-35 32-38 32 109.4c0 49.2 73 48.2 73 0z" fill="#{$color}"/><path class="lexicon-icon-outline mark-as-answer-item-2" d="M312.4 390h131.2c48.1 0 49.1-64 0-64H312.4c-47.5 0-49.5 64 0 64z" fill="#{$color}"/><path class="lexicon-icon-outline mark-as-answer-item-1" d="M312.4 262h131.2c48.1 0 49.1-64 0-64H312.4c-47.5 0-49.5 64 0 64z" fill="#{$color}"/><path class="lexicon-icon-outline mark-as-answer-item-3" d="M312.4 511h67.2c48.1 0 49.1-64 0-64h-67.2c-47.5 0-49.5 64 0 64z" fill="#{$color}"/><circle class="lexicon-icon-outline mark-as-answer-dot" cx="141.1" cy="358" r="36" fill="#{$color}"/></svg>',
 
-	'mark-as-question': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 416 448"><path class="lexicon-icon-outline" d="M256 128c17.673 0 32-14.327 32-32 0-17.645 14.355-32 32-32s32 14.355 32 32c0 18.517-6.967 26.209-22.725 41.843C311.856 155.126 288 178.795 288 224c0 17.673 14.327 32 32 32s32-14.327 32-32c0-17.797 6.853-25.346 22.352-40.724C391.93 165.837 416 141.955 416 96c0-52.935-43.065-96-96-96s-96 43.065-96 96c0 17.673 14.327 32 32 32z" fill="#{$color}"/><circle cx="320" cy="320" r="32"/><path class="lexicon-icon-outline" d="M32 352h128c17.673 0 32-14.327 32-32s-14.327-32-32-32H32c-17.673 0-32 14.327-32 32s14.327 32 32 32zM352 384H32c-17.673 0-32 14.327-32 32s14.327 32 32 32h320c17.673 0 32-14.327 32-32s-14.327-32-32-32z" fill="#{$color}"/></svg>',
+	'mark-as-question': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline mark-as-question-hook" d="M333 109.4c0-47.6 73-48.6 73 0 0 53.2-73 53.2-73 145.9 0 50.9 73 46.9 73 0 0-49.9 73-56.9 73-145.9 0-144.4-219-147.4-219 0 0 49.2 73 48.2 73 0z" fill="#{$color}"/><path class="lexicon-icon-outline mark-as-question-item-1" d="M100.4 390h131.2c48.1 0 49.1-64 0-64H100.4c-47.5 0-49.5 64 0 64z" fill="#{$color}"/><path class="lexicon-icon-outline mark-as-question-item-2" d="M100.4 512h311.2c48.1 0 49.1-64 0-64H100.4c-47.5 0-49.5 64 0 64z" fill="#{$color}"/><circle class="lexicon-icon-outline mark-as-question-dot" cx="369.1" cy="358" r="36" fill="#{$color}"/></svg>',
 
 	'merge': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M322.6 238.2l-115.5-59c89-52.6 45-179.2-47-179.2-112 0-130.6 154.6-32 186.1v182.2c-44.7 27.6-53.3 140.9 48 143.6 96 1.3 108.6-134 16-158.3V243.4l97.1 49.6c-13.1 88.3 110.2 126.9 150.8 46.9 36.7-91.3-62.6-143.3-117.4-101.7zM160.1 48c66.6 0 62 96 0 96-64.6-.1-62.6-96 0-96zm16 431.8c-66 0-62-96 0-96 61.3.1 65.3 95.4 0 96zM368 351.9c-60 0-64.6-96 0-96 62.7 0 63.3 96 0 96z" fill="#{$color}"/></svg>',
 
@@ -537,9 +537,9 @@
 
 	'mobile-device-rules': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 448.1588"><path class="lexicon-icon-body" d="M192 0H64C28.8 0 0 28.8 0 64v320.159c0 35.2 28.8 64 64 64h128c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zm-63 416.159c-8.836 0-16-7.164-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16zm63-96v30.804H64V64h128v256.159z"/><circle class="lexicon-icon-outline" cx="320" cy="96" r="32" fill="#{$color}"/><circle class="lexicon-icon-outline" cx="320" cy="352" r="32" fill="#{$color}"/><circle class="lexicon-icon-outline" cx="320" cy="224" r="32" fill="#{$color}"/><path class="lexicon-icon-outline" d="M416 128h64c17.673 0 32-14.327 32-32s-14.327-32-32-32h-64c-17.673 0-32 14.327-32 32s14.327 32 32 32zM480 192h-64c-17.673 0-32 14.327-32 32s14.327 32 32 32h64c17.673 0 32-14.327 32-32s-14.327-32-32-32zM480 320h-64c-17.673 0-32 14.327-32 32s14.327 32 32 32h64c17.673 0 32-14.327 32-32s-14.327-32-32-32z" fill="#{$color}"/></svg>',
 
-	'mobile-landscape': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 384 288"><path class="lexicon-icon-body" fill="none" d="M320 0H64C28.8 0 0 28.8 0 64v160c0 35.2 28.8 64 64 64h256c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zm16 160c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z"/><path class="lexicon-icon-outline" d="M320 0H64C28.8 0 0 28.8 0 64v160c0 35.2 28.8 64 64 64h256c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zm-33.2 224H64V64h222.8v160zm49.2-64c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z" fill="#{$color}"/></svg>',
+	'mobile-landscape': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M0 128v256c0 35.2 28.8 64 64 64h384c35.2 0 64-28.8 64-64V128c0-35.2-28.8-64-64-64H64C28.8 64 0 92.8 0 128zm480 110v32c0 22-32 20-32 0v-32c0-22 32-21 32 0zm-96-109.3c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160.7c0-17.7 14.3-32 32-32h288z" fill="#{$color}"/></svg>',
 
-	'mobile-portrait': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 288 384"><path class="lexicon-icon-body" fill="none" d="M224 0H64C28.8 0 0 28.8 0 64v256c0 35.2 28.8 64 64 64h160c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zm-80 352c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z"/><path class="lexicon-icon-outline" d="M288 320V64c0-35.2-28.8-64-64-64H64C28.8 0 0 28.8 0 64v256c0 35.2 28.8 64 64 64h160c35.2 0 64-28.8 64-64zM64 286.8V64h160v222.8H64zm64 49.2c0-8.8 7.2-16 16-16s16 7.2 16 16-7.2 16-16 16-16-7.2-16-16z" fill="#{$color}"/></svg>',
+	'mobile-portrait': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M384 0H128C92.8 0 64 28.8 64 64v384c0 35.2 28.8 64 64 64h256c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zM274 480h-32c-22 0-20-32 0-32h32c22 0 21 32 0 32zm109.3-96c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h191.3c17.7 0 32 14.3 32 32v288z" fill="#{$color}"/></svg>',
 
 	'moon': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M186.5 81.4c0-25.4 3.8-49.8 10.7-72.9C84.3 34.3 0 135.2 0 256c0 140.3 113.7 254 254 254 114.9 0 212-76.3 243.3-181.1-18.3 4.2-37.3 6.5-56.8 6.5-140.2 0-254-113.8-254-254z" fill="#{$color}"/></svg>',
 
@@ -617,11 +617,11 @@
 
 	'reload': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M472.065 460.954l-80.854 2.365c67.538-47.63 108.976-125.482 108.976-208.888 0-97.148-53.904-184.701-140.685-228.505-11.483-5.768-25.463-1.169-31.231 10.286-5.795 11.483-1.197 25.463 10.286 31.257 71.02 35.856 115.142 107.487 115.142 186.987 0 68.947-34.659 133.269-90.981 172.129l-2.074-70.702c-.372-12.838-11.19-23.23-23.921-22.566-12.838.372-22.938 11.084-22.566 23.921l3.854 131.462v.054l.027.478c.372 12.599 10.685 22.566 23.23 22.566h.691c.904-.027 1.647-.452 2.525-.585l128.964-3.774c12.838-.372 22.938-11.084 22.566-23.921s-11.269-23.23-23.948-22.566zM194.017 23.27v-.531C193.645 9.901 182.906-.199 170.095.173c-.904.027-1.648.452-2.525.585L38.58 4.532c-12.838.372-22.938 11.084-22.566 23.922.372 12.599 10.685 22.566 23.23 22.566h.691l80.855-2.365C53.252 96.285 11.814 174.163 11.814 257.544c0 97.149 53.903 184.701 140.685 228.505a23.03 23.03 0 0 0 10.446 2.498c8.506 0 16.692-4.678 20.785-12.785 5.794-11.483 1.196-25.463-10.286-31.231-71.02-35.856-115.142-107.488-115.142-186.987 0-68.947 34.66-133.269 90.981-172.129l2.073 70.701c.372 12.599 10.685 22.566 23.23 22.566h.691c12.838-.372 22.938-11.083 22.566-23.922l-3.854-131.462.027-.027z" fill="#{$color}"/></svg>',
 
-	'remove-role': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 23.68"><path class="lexicon-icon-body" d="M15 7.68a3 3 0 1 0-4 2.82v3.18a1 1 0 0 0 2 0V10.5a3 3 0 0 0 2-2.82z"/><path class="lexicon-icon-outline" d="M20.39 1.36L15.14.31a16 16 0 0 0-6.28 0L3.61 1.36A2 2 0 0 0 2 3.32v9.04a6.94 6.94 0 0 1 2-.6V3.32l5.25-1.05a14 14 0 0 1 5.49 0L20 3.32v8.94a6 6 0 0 1-3.77 5.57L12 19.53h-.05a7 7 0 0 1-.51 1.93 1.91 1.91 0 0 0 1.31-.05L17 19.68a8 8 0 0 0 5-7.43V3.32a2 2 0 0 0-1.61-1.96z" fill="#{$color}"/><path class="lexicon-icon-body" d="M5 13.68a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm2.5 6h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z"/></svg>',
+	'remove-role': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline remove-role-key-hole" d="M336 166c0-87.7-128-85.6-128 0 0 28.1 17.9 51.9 42.7 60.8v68.7c0 27 42.7 30.3 42.7 0v-68.7c24.7-8.9 42.6-32.7 42.6-60.8z" fill="#{$color}"/><path class="lexicon-icon-outline remove-role-border" d="M445.6 29.9C273.8-9 262.8-10.6 98.4 28.9 78.7 35.2 64 50.7 64 71.3c0 0 .1 194.3.2 195 13.3-6.3 27.6-10.8 42.7-12.9 0 0 .7-164.9 0-182.1 157.3-38.7 172.4-37.7 330.3 1v193C435 381.7 329.4 403.6 288.1 420.5c.2 7.4-5.4 28.6-11 41.6 4 1.2 9.1 4.2 28-1.1 123.3-43 170.4-78.4 174.9-195.7v-193c0-20.6-16.7-36.5-34.4-42.4z" fill="#{$color}"/><path class="lexicon-icon-outline remove-role-minus" d="M139 296c-59.1 0-107 48.4-107 108s47.9 108 107 108 107-48.4 107-108-47.9-108-107-108zm53.5 129.6h-107c-28.8 0-28.1-43.2 0-43.2h107c28.1 0 29.4 43.2 0 43.2z" fill="#{$color}"/></svg>',
 
 	'remove-style': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M0 64.426h116.531L54.685 352.273h70.601l57.645-287.847h110.736V0H0l-.001 64.426zM0 384h288v32H0v-32zM481 512c-8.281 0-16.065-3.224-21.921-9.08l-45.962-45.962-45.962 45.962c-5.856 5.856-13.64 9.08-21.92 9.08s-16.065-3.224-21.921-9.08c-5.856-5.854-9.08-13.639-9.08-21.92s3.224-16.065 9.08-21.921l45.962-45.962-45.962-45.962c-12.087-12.087-12.087-31.753 0-43.841 5.854-5.856 13.639-9.08 21.92-9.08s16.065 3.224 21.921 9.08l45.962 45.962 45.962-45.962c5.854-5.856 13.639-9.08 21.92-9.08s16.065 3.224 21.921 9.08c12.086 12.087 12.086 31.754 0 43.841l-45.962 45.962 45.962 45.962c5.856 5.854 9.08 13.639 9.08 21.92s-3.224 16.065-9.08 21.921c-5.855 5.855-13.639 9.079-21.92 9.079z" fill="#{$color}"/></svg>',
 
-	'reply': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 320 255.9961"><path class="lexicon-icon-outline" d="M288 63.996H113.1l9.4-9.4c12.4-12.5 12.4-32.9 0-45.3C112.036-1.084 96.038-2.769 83.83 4.23a31.551 31.551 0 0 0-6.63 5.066l-67.9 67.9c-12.4 12.5-12.4 32.9 0 45.3l67.9 67.9a31.91 31.91 0 0 0 6.67 5.066c12.266 6.999 28.25 5.314 38.63-5.066 12.4-12.5 12.4-32.9 0-45.3l-17.1-17.1H256v96c0 17.6 14.4 32 32 32s32-14.4 32-32v-128c0-17.6-14.4-32-32-32z" fill="#{$color}"/></svg>',
+	'reply': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M460.8 198.4H181l15-15c49.7-49.7-25.8-119.2-72.5-72.5L14.9 219.5c-19.8 20-19.8 52.6 0 72.5l108.6 108.6c48.9 48.9 119.9-25.1 72.5-72.5l-27.4-27.4h241v95.6c0 68.6 102.4 68.6 102.4 0V249.6c0-28.2-23-51.2-51.2-51.2z" fill="#{$color}"/></svg>',
 
 	'repository': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M433.8 416c25.5 0 46.2-20.7 46.2-46.2V142.2c0-25.5-20.7-46.2-46.2-46.2H318c-7.7 0-25.9-29.2-31.3-40.3C274.1 29.6 259.9 0 231.1 0H77.5C52.4 0 32 21.8 32 48.6v321.2c0 25.5 20.7 46.2 46.2 46.2H224v32H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32H288v-32h145.8z"/><path class="lexicon-icon-outline" d="M433.8 416c25.5 0 46.2-20.7 46.2-46.2V142.2c0-25.5-20.7-46.2-46.2-46.2H318c-7.7 0-25.9-29.2-31.3-40.3C274.1 29.6 259.9 0 231.1 0H77.5C52.4 0 32 21.8 32 48.6v321.2c0 25.5 20.7 46.2 46.2 46.2H224v32H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32H288v-32h145.8zM95.5 54.4s.3-1.9.5-2.4h133.3c4.5 4.8 11.7 17.8 16.1 27.3 2.5 5.4 5.2 11.1 8 16.7H95.5V54.4zM96 352V160h320v192H96z" fill="#{$color}"/></svg>',
 
@@ -643,7 +643,7 @@
 
 	'share-alt': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M397.255 402.745a63.725 63.725 0 0 0-20.334-13.702C369.01 385.697 360.625 384 352 384s-17.01 1.697-24.921 5.043a64.4 64.4 0 0 0-7.587 3.822L215.135 288.508a64.019 64.019 0 0 0 3.822-7.587c3.346-7.911 5.042-16.296 5.042-24.922s-1.696-17.011-5.042-24.922a64.17 64.17 0 0 0-3.822-7.587l104.357-104.357a64.094 64.094 0 0 0 7.587 3.822c7.911 3.346 16.296 5.043 24.921 5.043s17.01-1.697 24.921-5.043c7.625-3.225 14.466-7.835 20.334-13.703s10.478-12.709 13.702-20.334C414.303 81.007 416 72.622 416 63.996s-1.697-17.011-5.043-24.922c-3.225-7.625-7.835-14.466-13.702-20.334S384.546 8.263 376.921 5.037C369.01 1.691 360.625-.006 352-.006s-17.01 1.696-24.921 5.043c-7.625 3.225-14.466 7.835-20.334 13.703s-10.478 12.709-13.702 20.334C289.697 46.985 288 55.37 288 63.996s1.697 17.011 5.043 24.922a64.324 64.324 0 0 0 3.822 7.587L192.508 200.862a63.943 63.943 0 0 0-7.587-3.822c-7.911-3.346-16.296-5.042-24.922-5.042s-17.011 1.696-24.922 5.042c-7.625 3.225-14.466 7.835-20.334 13.702s-10.478 12.709-13.703 20.334c-3.346 7.911-5.043 16.296-5.043 24.922s1.697 17.011 5.043 24.922c3.225 7.625 7.835 14.466 13.703 20.334s12.709 10.478 20.334 13.702c7.911 3.346 16.296 5.043 24.922 5.043s17.011-1.697 24.922-5.043a64.324 64.324 0 0 0 7.587-3.822l104.357 104.357a64.094 64.094 0 0 0-3.822 7.587c-3.346 7.911-5.043 16.296-5.043 24.921s1.697 17.01 5.043 24.921c3.225 7.625 7.835 14.466 13.702 20.334s12.709 10.478 20.334 13.702c7.911 3.346 16.296 5.042 24.921 5.042s17.01-1.697 24.921-5.043c7.625-3.225 14.466-7.835 20.334-13.702s10.478-12.709 13.702-20.334c3.346-7.911 5.043-16.296 5.043-24.921s-1.697-17.01-5.043-24.921a63.743 63.743 0 0 0-13.702-20.333zM352 32c17.673 0 32 14.327 32 32s-14.327 32-32 32-32-14.327-32-32 14.327-32 32-32zM160 288c-17.673 0-32-14.327-32-32s14.327-32 32-32 32 14.327 32 32-14.327 32-32 32zm192 192c-17.673 0-32-14.327-32-32s14.327-32 32-32 32 14.327 32 32-14.327 32-32 32z" fill="#{$color}"/></svg>',
 
-	'share': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 448 448"><path class="lexicon-icon-outline" d="M352 256c-25.838 0-49.321 10.264-66.596 26.925l-94.136-47.069a96.5 96.5 0 0 0 0-23.713l94.136-47.068C302.678 181.735 326.162 192 352 192c52.935 0 96-43.065 96-96S404.935 0 352 0s-96 43.065-96 96c0 4.014.251 7.97.732 11.857l-94.136 47.068C145.321 138.265 121.838 128 96 128c-52.935 0-96 43.065-96 96s43.065 96 96 96c25.838 0 49.321-10.264 66.596-26.924l94.136 47.067A96.522 96.522 0 0 0 256 352c0 52.935 43.065 96 96 96s96-43.065 96-96-43.065-96-96-96zm0-192c17.645 0 32 14.355 32 32s-14.355 32-32 32-32-14.355-32-32 14.356-32 32-32zM96 256c-17.645 0-32-14.355-32-32s14.355-32 32-32 32 14.355 32 32c0 17.644-14.355 32-32 32zm256 128c-17.645 0-32-14.355-32-32s14.355-32 32-32 32 14.355 32 32-14.356 32-32 32z" fill="#{$color}"/></svg>',
+	'share': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M326.2 323.3l-107.6-53.8c2.7-5.9 2.4-19.9 0-27.1l107.6-53.8c77.2 69.3 185.8 13 185.8-78.9C512 49.2 462.8 0 402.3 0S287 51.3 293.4 123.3l-107.6 53.8C113.3 108 0 161.7 0 256c0 100.3 118.3 143.7 185.8 78.9l107.6 53.8C285 460.7 341.8 512 402.3 512S512 462.8 512 402.3c0-88-105.7-150.3-185.8-79zm112.7-213.6c0 49-73.1 47.6-73.1 0-.1-49.4 73.1-47.7 73.1 0zM73.1 256c0-49 73.1-49 73.1 0 .1 47.3-73.1 49-73.1 0zm292.6 146.3c0-48.6 73.1-49 73.1 0 .1 48.7-73.1 47.4-73.1 0z" fill="#{$color}"/></svg>',
 
 	'sheets': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline sheets-page3" d="M499.8 364.7l-61.1-25.6-38.6 16 67.5 28.8-212.1 92.8-208.8-92.8 67.5-28.8-38.6-16-61.1 25.6c-19.3 6.4-19.3 32 0 41.6l241 105.6 244.2-108.7c16.2-6.5 16.2-32.1.1-38.5z" fill="#{$color}"/><path class="lexicon-icon-outline sheets-page2" d="M499.9 236.8l-60.7-25.6-38.3 16 63.9 28.8-207.6 92.8L49.6 256l67.1-28.8L75.2 208l-60.7 28.8c-19.2 6.4-19.2 32 0 41.6L257.2 384l242.7-108.7c16-6.5 16-32.1 0-38.5z" fill="#{$color}"/><path class="lexicon-icon-outline sheets-page1" d="M256 .1L14.3 108.9c-19.1 6.4-19.1 32 0 41.6L256 256l241.7-108.7c19.1-6.4 19.1-32 0-41.6L256 .1z" fill="#{$color}"/></svg>',
 
@@ -689,9 +689,9 @@
 
 	'table2': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M455.1 0H56.9C25.5 0 0 25.5 0 56.9v398.2C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0z"/><path class="lexicon-icon-outline" d="M455.1 0H56.9C25.5 0 0 25.5 0 56.9v398.2C0 486.5 25.5 512 56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0zM160 448H64v-96h96v96zm0-160H64v-64h96v64zm0-128H64V64h96v96zm128 288h-64v-96h64v96zm0-160h-64v-64h64v64zm0-128h-64V64h64v96zm160 288h-96v-96h96v96zm0-160h-96v-64h96v64zm0-128h-96V64h96v96z" fill="#{$color}"/></svg>',
 
-	'tablet-landscape': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 416 352"><path class="lexicon-icon-body" fill="none" d="M352 0H64C28.8 0 0 28.8 0 64v224c0 35.2 28.8 64 64 64h288c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zm16 192c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z"/><path class="lexicon-icon-outline" d="M0 64v224c0 35.2 28.8 64 64 64h288c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64H64C28.8 0 0 28.8 0 64zm384 112c0 8.8-7.2 16-16 16s-16-7.2-16-16 7.2-16 16-16 16 7.2 16 16zM318.8 64v224H64V64h254.8z" fill="#{$color}"/></svg>',
+	'tablet-landscape': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M0 142.7v226.5C0 412.6 35.4 448 78.8 448h354.5c43.3 0 78.8-35.4 78.8-78.7V142.7c0-43.3-35.4-78.7-78.8-78.7H78.8C35.4 64 0 99.4 0 142.7zM480 256c0 8.8-7.2 16-16 16s-16-7.2-16-16 7.2-16 16-16 16 7.2 16 16zm-64-128v260H64V128h352z" fill="#{$color}"/></svg>',
 
-	'tablet-portrait': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 352 416"><path class="lexicon-icon-body" fill="none" d="M288 0H64C28.8 0 0 28.8 0 64v288c0 35.2 28.8 64 64 64h224c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zM176 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z"/><path class="lexicon-icon-outline" d="M288 0H64C28.8 0 0 28.8 0 64v288c0 35.2 28.8 64 64 64h224c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zM176 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm112-65.2H64V64h224v254.8z" fill="#{$color}"/></svg>',
+	'tablet-portrait': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M369.3 0H142.7C99.4 0 64 35.4 64 78.8v354.5c0 43.3 35.4 78.8 78.7 78.8h226.5c43.3 0 78.7-35.4 78.7-78.8V78.8C448 35.4 412.6 0 369.3 0zM256 480c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm128-64H124V64h260v352z" fill="#{$color}"/></svg>',
 
 	'tag': '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M512 94.9v-1C510.5 44.1 475 4.6 427.5.1L426 0H281.9c-42.9 0-71 18.6-83.9 29.7l-.9.8L25.5 202.2c-16.6 16.6-25.6 39-25.5 63 .1 23.9 9.3 46.1 25.8 62.6l158.4 158.4c16.6 16.6 38.9 25.8 62.7 25.8 23.8 0 46.1-9.1 62.6-25.7l167.3-167.4.8-.9c13.2-15.4 35.3-47.9 34.4-92.6V94.9zM364 191c-11.6 11.6-31.7 11.6-43.3 0-11.9-11.9-11.9-31.4 0-43.3 5.8-5.8 13.5-9 21.7-9s15.9 3.2 21.7 9c5.8 5.8 9 13.5 9 21.7-.1 8.1-3.3 15.8-9.1 21.6z"/><path class="lexicon-icon-outline" d="M512 94.9v-1C510.5 44.1 475 4.6 427.5.1L426 0H281.9c-42.9 0-71 18.6-83.9 29.7l-.9.8L25.5 202.2c-16.6 16.6-25.6 39-25.5 63 .1 23.9 9.3 46.1 25.8 62.6l158.4 158.4c16.6 16.6 38.9 25.8 62.7 25.8 23.8 0 46.1-9.1 62.6-25.7l167.3-167.4.8-.9c13.2-15.4 35.3-47.9 34.4-92.6V94.9zm-64 131.5c.5 22.9-10.9 40.2-18.2 49L264.2 441.1c-4.5 4.5-10.6 6.9-17.4 6.9-6.8 0-12.9-2.4-17.4-7L71 282.6c-9.3-9.3-9.4-26-.3-35.1l169.9-170c6.5-5.4 19.9-13.5 41.2-13.5h140.8c14.4 2 24.7 14.7 25.3 31.4v130.2l.1.8z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M294.6 121.6c-26.3 26.3-26.3 69.2 0 95.5 12.8 12.8 29.7 19.8 47.8 19.8 18.1 0 35-7 47.8-19.8 12.8-12.8 19.8-29.7 19.8-47.8s-7-35-19.8-47.8c-25.6-25.4-70.1-25.5-95.6.1zM364 191c-11.6 11.6-31.7 11.6-43.3 0-11.9-11.9-11.9-31.4 0-43.3 5.8-5.8 13.5-9 21.7-9s15.9 3.2 21.7 9 9 13.5 9 21.7c-.1 8.1-3.3 15.8-9.1 21.6z" fill="#{$color}"/></svg>',
 
diff --git a/packages/clay-css/src/scss/variables/_alerts.scss b/packages/clay-css/src/scss/variables/_alerts.scss
index 7df91899b7..51d94426bc 100644
--- a/packages/clay-css/src/scss/variables/_alerts.scss
+++ b/packages/clay-css/src/scss/variables/_alerts.scss
@@ -62,10 +62,10 @@ $alert-notifications-fixed-left: 1.25rem !default; // 20px
 $alert-notifications-fixed-right: null !default;
 $alert-notifications-fixed-top: null !default;
 
-$alert-notifications-fixed-bottom-mobile: null !default;
-$alert-notifications-fixed-left-mobile: 0.5rem !default; // 8px
-$alert-notifications-fixed-right-mobile: 0.5rem !default; // 8px
-$alert-notifications-fixed-top-mobile: 4.25rem !default; // 68px
+$alert-notifications-fixed-bottom-mobile: 1rem !default; // 16px
+$alert-notifications-fixed-left-mobile: ($grid-gutter-width / 2) !default;
+$alert-notifications-fixed-right-mobile: ($grid-gutter-width / 2) !default;
+$alert-notifications-fixed-top-mobile: null !default; // 68px
 
 $alert-notifications-box-shadow: null !default;
 $alert-notifications-max-width: 22.5rem !default; // 360px
diff --git a/packages/clay-isomorphic/fixtures/expected/ClayTooltip.render b/packages/clay-isomorphic/fixtures/expected/ClayTooltip.render
index 1c883de1ea..a025720e5a 100644
--- a/packages/clay-isomorphic/fixtures/expected/ClayTooltip.render
+++ b/packages/clay-isomorphic/fixtures/expected/ClayTooltip.render
@@ -1 +1 @@
-<div class="tooltip clay-tooltip-bottom" role="tooltip"><div class="arrow"></div><div class="tooltip-inner">null</div></div>
\ No newline at end of file
+<div class="tooltip fade clay-tooltip-bottom" data-onmouseenter="_handleMouseEnterTooltip" data-onmouseleave="_handleMouseLeave" role="tooltip"><div class="arrow"></div><div class="tooltip-inner">null</div></div>
\ No newline at end of file
diff --git a/packages/clay-management-toolbar/src/ClayManagementToolbar.soy b/packages/clay-management-toolbar/src/ClayManagementToolbar.soy
index 7973f53fa0..0821b2900a 100644
--- a/packages/clay-management-toolbar/src/ClayManagementToolbar.soy
+++ b/packages/clay-management-toolbar/src/ClayManagementToolbar.soy
@@ -242,7 +242,7 @@
 								{param style: 'unstyled' /}
 								{param title kind="text"}
 									{msg desc=""}
-										info-panel
+										info
 									{/msg}
 								{/param}
 							{/call}
diff --git a/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap b/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap
index 1e7b9c8ae2..5181c5e5cb 100644
--- a/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap
+++ b/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap
@@ -1612,7 +1612,7 @@ exports[`ClayManagementToolbar should render a management toolbar with info butt
       </ul>
       <ul class="navbar-nav">
         <li class="nav-item">
-          <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="info-circle-open" title="info-panel" type="button">
+          <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="info-circle-open" title="info" type="button">
             <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open" focusable="false">
               <title>info-circle-open</title>
               <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle-open"></use>
diff --git a/packages/clay-tooltip/src/ClayTooltip.js b/packages/clay-tooltip/src/ClayTooltip.js
index 9ed1138fe8..8182fb0b9e 100644
--- a/packages/clay-tooltip/src/ClayTooltip.js
+++ b/packages/clay-tooltip/src/ClayTooltip.js
@@ -58,6 +58,30 @@ class ClayTooltip extends Component {
 		this._eventHandler = new EventHandler();
 	}
 
+	/**
+	 * @inheritDoc
+	 */
+	attached() {
+		this.addListener('transitionend', this._handleTransitionEnd, true);
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	rendered() {
+		if (this._target) {
+			const alignedPosition = Align.align(
+				this.element,
+				this._target,
+				this.position
+			);
+
+			if (this.alignedPosition !== alignedPosition) {
+				this.alignedPosition = alignedPosition;
+			}
+		}
+	}
+
 	/**
 	 * @inheritDoc
 	 */
@@ -73,62 +97,125 @@ class ClayTooltip extends Component {
 	}
 
 	/**
-	 * Handles mouseenter events.
+	 * Handles mouseenter event.
 	 * @memberof ClayTooltip
-	 * @param {Object} event The event object.
-	 * @protected
+	 * @param {!Element} element
+	 * @return {!String}
+	 * @private
 	 */
-	_handleMouseEnter(event) {
-		const target = event.delegateTarget;
-
-		const titleAttribute = target.getAttribute('title');
+	_getContent(element) {
+		const titleAttribute = element.getAttribute('title');
 
 		if (titleAttribute) {
-			target.setAttribute('data-title', titleAttribute);
-			target.setAttribute('data-restore-title', 'true');
-			target.removeAttribute('title');
-		} else if (target.tagName === 'svg') {
-			let titleTag = target.querySelector('title');
+			element.setAttribute('data-title', titleAttribute);
+			element.setAttribute('data-restore-title', 'true');
+			element.removeAttribute('title');
+		} else if (element.tagName === 'svg') {
+			let titleTag = element.querySelector('title');
 
 			if (titleTag) {
-				target.setAttribute('data-title', titleTag.innerHTML);
-				target.setAttribute('data-restore-title', 'true');
+				element.setAttribute('data-title', titleTag.innerHTML);
+				element.setAttribute('data-restore-title', 'true');
 				titleTag.remove();
 			}
 		}
 
-		this._content = target.getAttribute('data-title');
+		return element.getAttribute('data-title');
+	}
+
+	/**
+	 * Handles click event.
+	 * @memberof ClayTooltip
+	 * @param {!Event} event
+	 * @private
+	 */
+	_handleMouseClick(event) {
+		this._restoreTitle(event.delegateTarget);
+
+		this._isTransitioning = true;
+		this.visible = false;
+	}
+
+	/**
+	 * Handles mouseenter event.
+	 * @memberof ClayTooltip
+	 * @param {!Event} event
+	 * @private
+	 */
+	_handleMouseEnter(event) {
+		const content = this._getContent(event.delegateTarget);
+		this._target = event.delegateTarget;
+
+		this._content = content;
+
+		if (!this.visible) {
+			this.element.style.display = 'block';
+		}
+		this._isTransitioning = true;
+		this.visible = true;
+	}
 
-		this.alignedPosition = Align.align(this.element, target, this.position);
-		this._showTooltip = true;
+	/**
+	 * Handles tooltip element mouseenter event.
+	 * @memberof ClayTooltip
+	 * @private
+	 */
+	_handleMouseEnterTooltip() {
+		if (this._isTransitioning) {
+			this.visible = true;
+		}
 	}
 
 	/**
 	 * Handles mouseleave events.
 	 * @memberof ClayTooltip
-	 * @param {Object} event The event object.
-	 * @protected
+	 * @param {!Event} event
+	 * @private
 	 */
 	_handleMouseLeave(event) {
-		const target = event.delegateTarget;
+		if (this.visible) {
+			this._restoreTitle(event.delegateTarget);
 
-		const title = target.getAttribute('data-title');
-		const restoreTitle = target.getAttribute('data-restore-title');
+			this._isTransitioning = true;
+			this.visible = false;
+		}
+	}
+
+	/**
+	 * Handles transionend event.
+	 * @memberof ClayTooltip
+	 * @private
+	 */
+	_handleTransitionEnd() {
+		this._isTransitioning = false;
+
+		if (!this.visible) {
+			this.element.style.display = 'none';
+		}
+	}
+
+	/**
+	 * Restores the title attribute to an element
+	 * @memberof ClayTooltip
+	 * @param {Element} element
+	 * @private
+	 */
+	_restoreTitle(element) {
+		const title = element.getAttribute('data-title');
+		const restoreTitle = element.getAttribute('data-restore-title');
 
 		if (title && restoreTitle === 'true') {
-			if (target.tagName === 'svg') {
+			if (element.tagName === 'svg') {
 				let titleTag = document.createElement('title');
 				titleTag.innerHTML = title;
 
-				target.appendChild(titleTag);
+				element.appendChild(titleTag);
 			} else {
-				target.setAttribute('title', title);
+				element.setAttribute('title', title);
 			}
 
-			target.removeAttribute('data-restore-title');
+			element.removeAttribute('data-restore-title');
 		}
-
-		this._showTooltip = false;
 	}
 
 	/**
@@ -136,7 +223,7 @@ class ClayTooltip extends Component {
 	 * @memberof ClayTooltip
 	 * @param {Object} val
 	 * @return {!Object}
-	 * @protected
+	 * @private
 	 */
 	setterClassMapFn_(val) {
 		return object.mixin(this.valueClassMapFn_(), val);
@@ -147,7 +234,7 @@ class ClayTooltip extends Component {
 	 * @memberof ClayTooltip
 	 * @param {Array.<string>} newValue  The new value of `this.selectors`.
 	 * @param {Array.<string>} prevValue The previous value of `this.selectors`.
-	 * @protected
+	 * @private
 	 */
 	syncSelectors(newValue, prevValue) {
 		if (newValue) {
@@ -170,6 +257,12 @@ class ClayTooltip extends Component {
 						selector,
 						this._handleMouseLeave.bind(this)
 					),
+					dom.delegate(
+						document,
+						'click',
+						selector,
+						this._handleMouseClick.bind(this)
+					),
 					dom.delegate(
 						document,
 						'focus',
@@ -193,10 +286,17 @@ class ClayTooltip extends Component {
 		}
 	}
 
+	/**
+	 * @inheritDoc
+	 */
+	syncVisible() {
+		// This is needed to make fade transition work
+	}
+
 	/**
 	 * Gets the default value for the `classMap` state.
 	 * @return {!Object}
-	 * @protected
+	 * @private
 	 */
 	valueClassMapFn_() {
 		return {
@@ -229,17 +329,6 @@ ClayTooltip.STATE = {
 		.value('')
 		.internal(),
 
-	/**
-	 * A flag indicating if the tooltip should be shown.
-	 * @default false
-	 * @instance
-	 * @memberof ClayTooltip
-	 * @type {boolean}
-	 */
-	_showTooltip: Config.bool()
-		.value(false)
-		.internal(),
-
 	/**
 	 * The current position of the tooltip after being aligned via `Align.align`.
 	 * @default undefined
@@ -293,6 +382,16 @@ ClayTooltip.STATE = {
 	 * @type {!Array.<string>}
 	 */
 	selectors: Config.array().value(['[data-title]', '[title]']),
+
+	/**
+	 * Tooltip visible when show is called.
+	 * @default false
+	 * @instance
+	 * @memberof ClayTooltip
+	 * @private
+	 * @type {?bool}
+	 */
+	visible: Config.bool().value(false),
 };
 
 Soy.register(ClayTooltip, templates);
diff --git a/packages/clay-tooltip/src/ClayTooltip.soy b/packages/clay-tooltip/src/ClayTooltip.soy
index 607e3273bf..9d13913311 100644
--- a/packages/clay-tooltip/src/ClayTooltip.soy
+++ b/packages/clay-tooltip/src/ClayTooltip.soy
@@ -5,28 +5,31 @@
  */
 {template .render}
 	{@param? _content: html|string}
-	{@param? _showTooltip: bool}
 	{@param? alignedPosition: number}
 	{@param? classMap: ?}
 	{@param? elementClasses: string}
 	{@param? position: number}
+	{@param? visible: bool}
 
 	{let $classes: $classMap ? $classMap : ['clay-tooltip-top-left', 'clay-tooltip-top', 'clay-tooltip-top-right', 'clay-tooltip-bottom-left', 'clay-tooltip-bottom', 'clay-tooltip-bottom-right', 'clay-tooltip-right', 'clay-tooltip-left'] /}
 	{let $currentPosition: $alignedPosition ?: $position /}
 	{let $positionClass: isNonnull($currentPosition) ? $classes[$currentPosition] : 'clay-tooltip-bottom' /}
 
 	{let $tooltipAttributes kind="attributes"}
-		class="tooltip
+		class="tooltip fade
 			{sp}{$positionClass}
 
 			{if $elementClasses}
 				{sp}{$elementClasses}
 			{/if}
 
-			{if $_showTooltip}
+			{if $visible}
 				{sp}show
 			{/if}			
 		"
+		
+		data-onmouseenter="_handleMouseEnterTooltip"
+		data-onmouseleave="_handleMouseLeave"
 		role="tooltip"
 	{/let}
 
diff --git a/packages/clay-tooltip/src/__tests__/__snapshots__/ClayTooltip.js.snap b/packages/clay-tooltip/src/__tests__/__snapshots__/ClayTooltip.js.snap
index 771a1434b7..d78cbf101e 100644
--- a/packages/clay-tooltip/src/__tests__/__snapshots__/ClayTooltip.js.snap
+++ b/packages/clay-tooltip/src/__tests__/__snapshots__/ClayTooltip.js.snap
@@ -1,14 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ClayTooltip should allow setting selectors 1`] = `
-<div class="tooltip clay-tooltip-bottom" role="tooltip">
+<div class="tooltip fade clay-tooltip-bottom" role="tooltip">
   <div class="arrow"></div>
   <div class="tooltip-inner"></div>
 </div>
 `;
 
 exports[`ClayTooltip should create a tooltip 1`] = `
-<div class="tooltip clay-tooltip-bottom" role="tooltip">
+<div class="tooltip fade clay-tooltip-bottom" role="tooltip">
   <div class="arrow"></div>
   <div class="tooltip-inner"></div>
 </div>