Merge branch 'master' into dependabot/npm_and_yarn/integration/ng15/serialize-javascript-6.0.2

Author: Akshat55

src/icon/icon.module.ts

@@ -22,6 +22,8 @@ import Checkmark16 from "@carbon/icons/es/checkmark/16";
 import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16";
 import CheckmarkFilled20 from "@carbon/icons/es/checkmark--filled/20";
 import CheckmarkOutline16 from "@carbon/icons/es/checkmark--outline/16";
+import Checkbox16 from "@carbon/icons/es/checkbox/16";
+import CheckboxCheckedFilled16 from "@carbon/icons/es/checkbox--checked--filled/16";
 import ChevronDown16 from "@carbon/icons/es/chevron--down/16";
 import ChevronRight16 from "@carbon/icons/es/chevron--right/16";
 import CircleDash16 from "@carbon/icons/es/circle-dash/16";
@@ -105,6 +107,8 @@ export class IconModule {
 			CheckmarkFilled16,
 			CheckmarkFilled20,
 			CheckmarkOutline16,
+			Checkbox16,
+			CheckboxCheckedFilled16,
 			ChevronDown16,
 			ChevronRight16,
 			CircleDash16,

src/tiles/selection-tile.component.ts

@@ -31,11 +31,15 @@ import { I18n } from "carbon-components-angular/i18n";
 				'cds--tile--disabled' : disabled
 			}"
 			[attr.aria-label]="i18n.get('TILES.TILE') | async">
-			<div class="cds--tile__checkmark">
-				<svg width="16" height="16" viewBox="0 0 16 16">
-					<path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.646-10.854L6.75 10.043 4.354 7.646l-.708.708 3.104 3.103 5.604-5.603-.708-.708z"
-						fill-rule="evenodd"/>
+			<div class="cds--tile__checkmark"
+				[class.cds--tile__checkmark--persistent]="multiple">
+				<svg *ngIf="!selected; else selectedIcon"
+					[cdsIcon]="multiple ? 'checkbox' : 'checkmark'"
+					size="16">
 				</svg>
+				<ng-template #selectedIcon>
+					<svg [cdsIcon]="multiple ? 'checkbox--checked--filled' : 'checkmark--filled'" size="16"></svg>
+				</ng-template>
 			</div>
 			<div class="cds--tile-content">
 				<ng-content></ng-content>