diff --git a/src/icon/icon.directive.ts b/src/icon/icon.directive.ts
index c3a5fea1fd..d912742020 100644
--- a/src/icon/icon.directive.ts
+++ b/src/icon/icon.directive.ts
@@ -91,7 +91,8 @@ export class IconDirective implements AfterViewInit, OnChanges {
 			"aria-label": this.ariaLabel,
 			"aria-labelledby": this.ariaLabelledBy,
 			"aria-hidden": this.ariaHidden,
-			focusable: this.isFocusable.toString()
+			focusable: this.isFocusable.toString(),
+			fill: icon.attrs.fill
 		});
 
 		const attrKeys = Object.keys(attributes);
diff --git a/src/link/index.ts b/src/link/index.ts
index 480f5396de..e17aac5039 100644
--- a/src/link/index.ts
+++ b/src/link/index.ts
@@ -1,2 +1,3 @@
 export * from "./link.directive";
+export * from "./link-icon.directive";
 export * from "./link.module";
diff --git a/src/link/link-icon.directive.ts b/src/link/link-icon.directive.ts
new file mode 100644
index 0000000000..792e79679f
--- /dev/null
+++ b/src/link/link-icon.directive.ts
@@ -0,0 +1,8 @@
+import { Directive, HostBinding } from "@angular/core";
+
+@Directive({
+	selector: "[ibmLinkIcon], [cdsLinkIcon]"
+})
+export class LinkIconDirective {
+	@HostBinding("class.cds--link__icon") iconClass = true;
+}
diff --git a/src/link/link.module.ts b/src/link/link.module.ts
index 2bba2cd56d..9781fe18af 100644
--- a/src/link/link.module.ts
+++ b/src/link/link.module.ts
@@ -2,13 +2,16 @@ import { NgModule } from "@angular/core";
 import { CommonModule } from "@angular/common";
 
 import { Link } from "./link.directive";
+import { LinkIconDirective } from "./link-icon.directive";
 
 @NgModule({
 	declarations: [
-		Link
+		Link,
+		LinkIconDirective
 	],
 	exports: [
-		Link
+		Link,
+		LinkIconDirective
 	],
 	imports: [
 		CommonModule
diff --git a/src/link/link.stories.ts b/src/link/link.stories.ts
index 150d40fea5..ae5d09232c 100644
--- a/src/link/link.stories.ts
+++ b/src/link/link.stories.ts
@@ -3,11 +3,13 @@
 import { moduleMetadata, Meta } from "@storybook/angular";
 import { LinkModule, Link } from "./";
 
+import { IconModule } from "../icon";
+
 export default {
 	title: "Components/Link",
 	decorators: [
 		moduleMetadata({
-			imports: [LinkModule]
+			imports: [LinkModule, IconModule]
 		})
 	],
 	component: Link
@@ -24,3 +26,22 @@ Basic.args = {
 	disabled: false,
 	inline: false
 };
+
+const IconTemplate = (args) => ({
+	props: args,
+	template: `
+		<a
+			href="#"
+			cdsLink
+			[disabled]="disabled"
+			[inline]="inline">
+			Link
+			<svg cdsLinkIcon cdsIcon="close" size="16"></svg>
+		</a>
+	`
+});
+export const WithIcon = IconTemplate.bind({});
+WithIcon.args = {
+	disabled: false,
+	inline: false
+};
diff --git a/src/list/list.directive.ts b/src/list/list.directive.ts
index 616a2ca57c..d43a22feb4 100644
--- a/src/list/list.directive.ts
+++ b/src/list/list.directive.ts
@@ -1,4 +1,9 @@
-import { Directive, ElementRef, HostBinding } from "@angular/core";
+import {
+	Directive,
+	ElementRef,
+	HostBinding,
+	Input
+} from "@angular/core";
 
 /**
  * Applies either ordered or unordered styling to the list container it is applied to.
@@ -33,5 +38,10 @@ export class List {
 		return !!(this.elementRef.nativeElement.parentElement && this.elementRef.nativeElement.parentElement.tagName === "LI");
 	}
 
+	/**
+	 * Set to `true` to make list expressive
+	 */
+	@Input() @HostBinding("class.cds--list--expressive") isExpressive = false;
+
 	constructor(protected elementRef: ElementRef) {}
 }
diff --git a/src/list/list.stories.ts b/src/list/list.stories.ts
index d6cff11aba..85bff69ddb 100644
--- a/src/list/list.stories.ts
+++ b/src/list/list.stories.ts
@@ -13,6 +13,9 @@ export default {
 	parameters: {
 		layout: "centered"
 	},
+	args: {
+		isExpressive: false
+	},
 	component: List
 } as Meta;
 
@@ -20,13 +23,13 @@ const Template = (args) => ({
 	props: args,
 	template: `
 		<p>Ordered List</p>
-		<ol cdsList>
+		<ol cdsList [isExpressive]="isExpressive">
 			<li cdsListItem>One</li>
 			<li cdsListItem>Two</li>
 			<li cdsListItem>Three</li>
 		</ol>
 		<p>Unordered List</p>
-		<ul cdsList>
+		<ul cdsList [isExpressive]="isExpressive">
 			<li cdsListItem>One</li>
 			<li cdsListItem>Two</li>
 			<li cdsListItem>Three</li>
@@ -39,7 +42,7 @@ const NestingTemplate = (args) => ({
 	props: args,
 	template: `
 		<p>Ordered List</p>
-		<ol cdsList>
+		<ol cdsList [isExpressive]="isExpressive">
 			<li cdsListItem>
 				One
 				<ol cdsList>
@@ -52,10 +55,10 @@ const NestingTemplate = (args) => ({
 			<li cdsListItem>Three</li>
 		</ol>
 		<p>Unordered List</p>
-		<ul cdsList>
+		<ul cdsList [isExpressive]="isExpressive">
 			<li cdsListItem>
 				One
-				<ul cdsList>
+				<ul cdsList [isExpressive]="isExpressive">
 					<li cdsListItem>Nested one</li>
 					<li cdsListItem>Nested two</li>
 					<li cdsListItem>Nested three</li>
diff --git a/src/tiles/clickable-tile-icon.directive.ts b/src/tiles/clickable-tile-icon.directive.ts
new file mode 100644
index 0000000000..39ba7b414d
--- /dev/null
+++ b/src/tiles/clickable-tile-icon.directive.ts
@@ -0,0 +1,8 @@
+import { Directive, HostBinding } from "@angular/core";
+
+@Directive({
+	selector: "[cdsClickableTileIcon], [ibmClickableTileIcon]"
+})
+export class ClickableTileIconDirective {
+	@HostBinding("class.cds--tile--icon") icon = true;
+}
diff --git a/src/tiles/clickable-tile.stories.ts b/src/tiles/clickable-tile.stories.ts
index 9f92d26b44..230bef5499 100644
--- a/src/tiles/clickable-tile.stories.ts
+++ b/src/tiles/clickable-tile.stories.ts
@@ -2,13 +2,18 @@
 
 import { moduleMetadata, Meta } from "@storybook/angular";
 import { LayerModule } from "../layer";
+import { IconModule } from "../icon";
 import { TilesModule, ClickableTile } from "./";
 
 export default {
 	title: "Components/Tiles/Clickable",
 	decorators: [
 		moduleMetadata({
-			imports: [TilesModule, LayerModule]
+			imports: [
+				TilesModule,
+				LayerModule,
+				IconModule
+			]
 		})
 	],
 	component: ClickableTile
@@ -22,6 +27,11 @@ const Template = (args) => ({
 			[href]="href"
 			target="_blank">
 			Click the tile to open the Carbon Design System
+			<svg
+				cdsClickableTileIcon
+				cdsIcon="caret--right"
+				size="16">
+			</svg>
 		</cds-clickable-tile>
 	`
 });
diff --git a/src/tiles/index.ts b/src/tiles/index.ts
index b4f6ea8914..b9fe9991be 100644
--- a/src/tiles/index.ts
+++ b/src/tiles/index.ts
@@ -1,3 +1,4 @@
+export * from "./clickable-tile-icon.directive";
 export * from "./clickable-tile.component";
 export * from "./expandable-tile.component";
 export * from "./expandable-tile-above.directive";
diff --git a/src/tiles/tiles.module.ts b/src/tiles/tiles.module.ts
index 96109c8ffd..99ced6e395 100644
--- a/src/tiles/tiles.module.ts
+++ b/src/tiles/tiles.module.ts
@@ -3,6 +3,7 @@ import { CommonModule } from "@angular/common";
 
 import { Tile } from "./tile.component";
 import { ClickableTile } from "./clickable-tile.component";
+import { ClickableTileIconDirective } from "./clickable-tile-icon.directive";
 import { ExpandableTile } from "./expandable-tile.component";
 import { ExpandableTileAboveFoldDirective } from "./expandable-tile-above.directive";
 import { ExpandableTileBelowFoldDirective } from "./expandable-tile-below.directive";
@@ -16,6 +17,7 @@ import { LinkModule } from "carbon-components-angular/link";
 	declarations: [
 		Tile,
 		ClickableTile,
+		ClickableTileIconDirective,
 		ExpandableTileAboveFoldDirective,
 		ExpandableTileBelowFoldDirective,
 		ExpandableTile,
@@ -25,6 +27,7 @@ import { LinkModule } from "carbon-components-angular/link";
 	exports: [
 		Tile,
 		ClickableTile,
+		ClickableTileIconDirective,
 		ExpandableTileAboveFoldDirective,
 		ExpandableTileBelowFoldDirective,
 		ExpandableTile,