@getflip/swirl-components-angular 0.149.1 → 0.150.0

package/dist/component-library/fesm2015/getflip-swirl-components-angular.mjs

@@ -1263,11 +1263,11 @@ let SwirlIcon = class SwirlIcon {
     }
 };
 SwirlIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIcon, selector: "swirl-icon", inputs: { glyph: "glyph", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIcon, selector: "swirl-icon", inputs: { color: "color", glyph: "glyph", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIcon = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['glyph', 'size']
+        inputs: ['color', 'glyph', 'size']
     })
 ], SwirlIcon);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIcon, decorators: [{
@@ -1276,7 +1276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['glyph', 'size']
+                    inputs: ['color', 'glyph', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconAdd = class SwirlIconAdd {
@@ -1287,11 +1287,11 @@ let SwirlIconAdd = class SwirlIconAdd {
     }
 };
 SwirlIconAdd.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAdd, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconAdd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAdd, selector: "swirl-icon-add", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconAdd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAdd, selector: "swirl-icon-add", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconAdd = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconAdd);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAdd, decorators: [{
@@ -1300,7 +1300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-add',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconAddPhoto = class SwirlIconAddPhoto {
@@ -1311,11 +1311,11 @@ let SwirlIconAddPhoto = class SwirlIconAddPhoto {
     }
 };
 SwirlIconAddPhoto.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAddPhoto, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconAddPhoto.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAddPhoto, selector: "swirl-icon-add-photo", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconAddPhoto.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAddPhoto, selector: "swirl-icon-add-photo", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconAddPhoto = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconAddPhoto);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAddPhoto, decorators: [{
@@ -1324,7 +1324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-add-photo',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconAddReaction = class SwirlIconAddReaction {
@@ -1335,11 +1335,11 @@ let SwirlIconAddReaction = class SwirlIconAddReaction {
     }
 };
 SwirlIconAddReaction.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAddReaction, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconAddReaction.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAddReaction, selector: "swirl-icon-add-reaction", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconAddReaction.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAddReaction, selector: "swirl-icon-add-reaction", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconAddReaction = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconAddReaction);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAddReaction, decorators: [{
@@ -1348,7 +1348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-add-reaction',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconAdminPanelSettings = class SwirlIconAdminPanelSettings {
@@ -1359,11 +1359,11 @@ let SwirlIconAdminPanelSettings = class SwirlIconAdminPanelSettings {
     }
 };
 SwirlIconAdminPanelSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAdminPanelSettings, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconAdminPanelSettings.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAdminPanelSettings, selector: "swirl-icon-admin-panel-settings", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconAdminPanelSettings.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAdminPanelSettings, selector: "swirl-icon-admin-panel-settings", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconAdminPanelSettings = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconAdminPanelSettings);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAdminPanelSettings, decorators: [{
@@ -1372,7 +1372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-admin-panel-settings',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconAi = class SwirlIconAi {
@@ -1383,11 +1383,11 @@ let SwirlIconAi = class SwirlIconAi {
     }
 };
 SwirlIconAi.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAi, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconAi.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAi, selector: "swirl-icon-ai", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconAi.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAi, selector: "swirl-icon-ai", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconAi = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconAi);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAi, decorators: [{
@@ -1396,7 +1396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-ai',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconApps = class SwirlIconApps {
@@ -1407,11 +1407,11 @@ let SwirlIconApps = class SwirlIconApps {
     }
 };
 SwirlIconApps.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconApps, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconApps.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconApps, selector: "swirl-icon-apps", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconApps.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconApps, selector: "swirl-icon-apps", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconApps = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconApps);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconApps, decorators: [{
@@ -1420,7 +1420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-apps',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconArrowBack = class SwirlIconArrowBack {
@@ -1431,11 +1431,11 @@ let SwirlIconArrowBack = class SwirlIconArrowBack {
     }
 };
 SwirlIconArrowBack.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowBack, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconArrowBack.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowBack, selector: "swirl-icon-arrow-back", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconArrowBack.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowBack, selector: "swirl-icon-arrow-back", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconArrowBack = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconArrowBack);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowBack, decorators: [{
@@ -1444,7 +1444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-arrow-back',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconArrowDownward = class SwirlIconArrowDownward {
@@ -1455,11 +1455,11 @@ let SwirlIconArrowDownward = class SwirlIconArrowDownward {
     }
 };
 SwirlIconArrowDownward.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowDownward, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconArrowDownward.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowDownward, selector: "swirl-icon-arrow-downward", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconArrowDownward.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowDownward, selector: "swirl-icon-arrow-downward", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconArrowDownward = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconArrowDownward);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowDownward, decorators: [{
@@ -1468,7 +1468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-arrow-downward',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconArrowForward = class SwirlIconArrowForward {
@@ -1479,11 +1479,11 @@ let SwirlIconArrowForward = class SwirlIconArrowForward {
     }
 };
 SwirlIconArrowForward.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowForward, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconArrowForward.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowForward, selector: "swirl-icon-arrow-forward", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconArrowForward.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowForward, selector: "swirl-icon-arrow-forward", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconArrowForward = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconArrowForward);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowForward, decorators: [{
@@ -1492,7 +1492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-arrow-forward',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconArrowLeft = class SwirlIconArrowLeft {
@@ -1503,11 +1503,11 @@ let SwirlIconArrowLeft = class SwirlIconArrowLeft {
     }
 };
 SwirlIconArrowLeft.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowLeft, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconArrowLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowLeft, selector: "swirl-icon-arrow-left", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconArrowLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowLeft, selector: "swirl-icon-arrow-left", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconArrowLeft = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconArrowLeft);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowLeft, decorators: [{
@@ -1516,7 +1516,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-arrow-left',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconArrowRight = class SwirlIconArrowRight {
@@ -1527,11 +1527,11 @@ let SwirlIconArrowRight = class SwirlIconArrowRight {
     }
 };
 SwirlIconArrowRight.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowRight, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconArrowRight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowRight, selector: "swirl-icon-arrow-right", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconArrowRight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowRight, selector: "swirl-icon-arrow-right", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconArrowRight = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconArrowRight);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowRight, decorators: [{
@@ -1540,7 +1540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-arrow-right',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconArrowRightSmall = class SwirlIconArrowRightSmall {
@@ -1551,11 +1551,11 @@ let SwirlIconArrowRightSmall = class SwirlIconArrowRightSmall {
     }
 };
 SwirlIconArrowRightSmall.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowRightSmall, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconArrowRightSmall.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowRightSmall, selector: "swirl-icon-arrow-right-small", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconArrowRightSmall.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowRightSmall, selector: "swirl-icon-arrow-right-small", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconArrowRightSmall = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconArrowRightSmall);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowRightSmall, decorators: [{
@@ -1564,7 +1564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-arrow-right-small',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconArrowUpward = class SwirlIconArrowUpward {
@@ -1575,11 +1575,11 @@ let SwirlIconArrowUpward = class SwirlIconArrowUpward {
     }
 };
 SwirlIconArrowUpward.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowUpward, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconArrowUpward.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowUpward, selector: "swirl-icon-arrow-upward", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconArrowUpward.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconArrowUpward, selector: "swirl-icon-arrow-upward", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconArrowUpward = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconArrowUpward);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconArrowUpward, decorators: [{
@@ -1588,7 +1588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-arrow-upward',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconAttachment = class SwirlIconAttachment {
@@ -1599,11 +1599,11 @@ let SwirlIconAttachment = class SwirlIconAttachment {
     }
 };
 SwirlIconAttachment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAttachment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconAttachment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAttachment, selector: "swirl-icon-attachment", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconAttachment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconAttachment, selector: "swirl-icon-attachment", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconAttachment = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconAttachment);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconAttachment, decorators: [{
@@ -1612,7 +1612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-attachment',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconBarChart = class SwirlIconBarChart {
@@ -1623,11 +1623,11 @@ let SwirlIconBarChart = class SwirlIconBarChart {
     }
 };
 SwirlIconBarChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBarChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconBarChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBarChart, selector: "swirl-icon-bar-chart", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconBarChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBarChart, selector: "swirl-icon-bar-chart", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconBarChart = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconBarChart);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBarChart, decorators: [{
@@ -1636,7 +1636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-bar-chart',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconBlock = class SwirlIconBlock {
@@ -1647,11 +1647,11 @@ let SwirlIconBlock = class SwirlIconBlock {
     }
 };
 SwirlIconBlock.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBlock, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconBlock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBlock, selector: "swirl-icon-block", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconBlock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBlock, selector: "swirl-icon-block", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconBlock = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconBlock);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBlock, decorators: [{
@@ -1660,7 +1660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-block',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconBookmark = class SwirlIconBookmark {
@@ -1671,11 +1671,11 @@ let SwirlIconBookmark = class SwirlIconBookmark {
     }
 };
 SwirlIconBookmark.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBookmark, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconBookmark.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBookmark, selector: "swirl-icon-bookmark", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconBookmark.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBookmark, selector: "swirl-icon-bookmark", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconBookmark = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconBookmark);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBookmark, decorators: [{
@@ -1684,7 +1684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-bookmark',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconBookmarkFilled = class SwirlIconBookmarkFilled {
@@ -1695,11 +1695,11 @@ let SwirlIconBookmarkFilled = class SwirlIconBookmarkFilled {
     }
 };
 SwirlIconBookmarkFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBookmarkFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconBookmarkFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBookmarkFilled, selector: "swirl-icon-bookmark-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconBookmarkFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconBookmarkFilled, selector: "swirl-icon-bookmark-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconBookmarkFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconBookmarkFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconBookmarkFilled, decorators: [{
@@ -1708,7 +1708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-bookmark-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCancel = class SwirlIconCancel {
@@ -1719,11 +1719,11 @@ let SwirlIconCancel = class SwirlIconCancel {
     }
 };
 SwirlIconCancel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCancel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCancel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCancel, selector: "swirl-icon-cancel", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCancel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCancel, selector: "swirl-icon-cancel", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCancel = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCancel);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCancel, decorators: [{
@@ -1732,7 +1732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-cancel',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconChatBubble = class SwirlIconChatBubble {
@@ -1743,11 +1743,11 @@ let SwirlIconChatBubble = class SwirlIconChatBubble {
     }
 };
 SwirlIconChatBubble.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChatBubble, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconChatBubble.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChatBubble, selector: "swirl-icon-chat-bubble", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconChatBubble.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChatBubble, selector: "swirl-icon-chat-bubble", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconChatBubble = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconChatBubble);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChatBubble, decorators: [{
@@ -1756,7 +1756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-chat-bubble',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconChatsFilled = class SwirlIconChatsFilled {
@@ -1767,11 +1767,11 @@ let SwirlIconChatsFilled = class SwirlIconChatsFilled {
     }
 };
 SwirlIconChatsFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChatsFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconChatsFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChatsFilled, selector: "swirl-icon-chats-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconChatsFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChatsFilled, selector: "swirl-icon-chats-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconChatsFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconChatsFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChatsFilled, decorators: [{
@@ -1780,7 +1780,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-chats-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconChatsOutlined = class SwirlIconChatsOutlined {
@@ -1791,11 +1791,11 @@ let SwirlIconChatsOutlined = class SwirlIconChatsOutlined {
     }
 };
 SwirlIconChatsOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChatsOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconChatsOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChatsOutlined, selector: "swirl-icon-chats-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconChatsOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChatsOutlined, selector: "swirl-icon-chats-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconChatsOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconChatsOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChatsOutlined, decorators: [{
@@ -1804,7 +1804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-chats-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCheck = class SwirlIconCheck {
@@ -1815,11 +1815,11 @@ let SwirlIconCheck = class SwirlIconCheck {
     }
 };
 SwirlIconCheck.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheck, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCheck.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheck, selector: "swirl-icon-check", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCheck.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheck, selector: "swirl-icon-check", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCheck = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCheck);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheck, decorators: [{
@@ -1828,7 +1828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-check',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCheckCircle = class SwirlIconCheckCircle {
@@ -1839,11 +1839,11 @@ let SwirlIconCheckCircle = class SwirlIconCheckCircle {
     }
 };
 SwirlIconCheckCircle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheckCircle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCheckCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheckCircle, selector: "swirl-icon-check-circle", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCheckCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheckCircle, selector: "swirl-icon-check-circle", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCheckCircle = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCheckCircle);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheckCircle, decorators: [{
@@ -1852,7 +1852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-check-circle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCheckSmall = class SwirlIconCheckSmall {
@@ -1863,11 +1863,11 @@ let SwirlIconCheckSmall = class SwirlIconCheckSmall {
     }
 };
 SwirlIconCheckSmall.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheckSmall, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCheckSmall.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheckSmall, selector: "swirl-icon-check-small", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCheckSmall.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheckSmall, selector: "swirl-icon-check-small", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCheckSmall = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCheckSmall);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheckSmall, decorators: [{
@@ -1876,7 +1876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-check-small',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCheckStrong = class SwirlIconCheckStrong {
@@ -1887,11 +1887,11 @@ let SwirlIconCheckStrong = class SwirlIconCheckStrong {
     }
 };
 SwirlIconCheckStrong.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheckStrong, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCheckStrong.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheckStrong, selector: "swirl-icon-check-strong", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCheckStrong.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCheckStrong, selector: "swirl-icon-check-strong", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCheckStrong = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCheckStrong);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCheckStrong, decorators: [{
@@ -1900,7 +1900,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-check-strong',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconChevronLeft = class SwirlIconChevronLeft {
@@ -1911,11 +1911,11 @@ let SwirlIconChevronLeft = class SwirlIconChevronLeft {
     }
 };
 SwirlIconChevronLeft.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChevronLeft, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconChevronLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChevronLeft, selector: "swirl-icon-chevron-left", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconChevronLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChevronLeft, selector: "swirl-icon-chevron-left", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconChevronLeft = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconChevronLeft);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChevronLeft, decorators: [{
@@ -1924,7 +1924,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-chevron-left',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconChevronRight = class SwirlIconChevronRight {
@@ -1935,11 +1935,11 @@ let SwirlIconChevronRight = class SwirlIconChevronRight {
     }
 };
 SwirlIconChevronRight.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChevronRight, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconChevronRight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChevronRight, selector: "swirl-icon-chevron-right", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconChevronRight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconChevronRight, selector: "swirl-icon-chevron-right", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconChevronRight = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconChevronRight);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconChevronRight, decorators: [{
@@ -1948,7 +1948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-chevron-right',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconClose = class SwirlIconClose {
@@ -1959,11 +1959,11 @@ let SwirlIconClose = class SwirlIconClose {
     }
 };
 SwirlIconClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconClose, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconClose.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconClose, selector: "swirl-icon-close", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconClose.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconClose, selector: "swirl-icon-close", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconClose = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconClose);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconClose, decorators: [{
@@ -1972,7 +1972,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-close',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCloseSmall = class SwirlIconCloseSmall {
@@ -1983,11 +1983,11 @@ let SwirlIconCloseSmall = class SwirlIconCloseSmall {
     }
 };
 SwirlIconCloseSmall.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCloseSmall, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCloseSmall.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCloseSmall, selector: "swirl-icon-close-small", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCloseSmall.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCloseSmall, selector: "swirl-icon-close-small", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCloseSmall = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCloseSmall);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCloseSmall, decorators: [{
@@ -1996,7 +1996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-close-small',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCloudUpload = class SwirlIconCloudUpload {
@@ -2007,11 +2007,11 @@ let SwirlIconCloudUpload = class SwirlIconCloudUpload {
     }
 };
 SwirlIconCloudUpload.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCloudUpload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCloudUpload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCloudUpload, selector: "swirl-icon-cloud-upload", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCloudUpload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCloudUpload, selector: "swirl-icon-cloud-upload", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCloudUpload = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCloudUpload);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCloudUpload, decorators: [{
@@ -2020,7 +2020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-cloud-upload',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconColumn = class SwirlIconColumn {
@@ -2031,11 +2031,11 @@ let SwirlIconColumn = class SwirlIconColumn {
     }
 };
 SwirlIconColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconColumn, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconColumn, selector: "swirl-icon-column", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconColumn, selector: "swirl-icon-column", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconColumn = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconColumn);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconColumn, decorators: [{
@@ -2044,7 +2044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-column',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconComment = class SwirlIconComment {
@@ -2055,11 +2055,11 @@ let SwirlIconComment = class SwirlIconComment {
     }
 };
 SwirlIconComment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconComment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconComment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconComment, selector: "swirl-icon-comment", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconComment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconComment, selector: "swirl-icon-comment", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconComment = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconComment);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconComment, decorators: [{
@@ -2068,7 +2068,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-comment',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconCopy = class SwirlIconCopy {
@@ -2079,11 +2079,11 @@ let SwirlIconCopy = class SwirlIconCopy {
     }
 };
 SwirlIconCopy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCopy, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconCopy.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCopy, selector: "swirl-icon-copy", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconCopy.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconCopy, selector: "swirl-icon-copy", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconCopy = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconCopy);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconCopy, decorators: [{
@@ -2092,7 +2092,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-copy',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDarkMode = class SwirlIconDarkMode {
@@ -2103,11 +2103,11 @@ let SwirlIconDarkMode = class SwirlIconDarkMode {
     }
 };
 SwirlIconDarkMode.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDarkMode, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDarkMode.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDarkMode, selector: "swirl-icon-dark-mode", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDarkMode.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDarkMode, selector: "swirl-icon-dark-mode", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDarkMode = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDarkMode);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDarkMode, decorators: [{
@@ -2116,7 +2116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-dark-mode',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDateRange = class SwirlIconDateRange {
@@ -2127,11 +2127,11 @@ let SwirlIconDateRange = class SwirlIconDateRange {
     }
 };
 SwirlIconDateRange.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDateRange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDateRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDateRange, selector: "swirl-icon-date-range", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDateRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDateRange, selector: "swirl-icon-date-range", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDateRange = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDateRange);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDateRange, decorators: [{
@@ -2140,7 +2140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-date-range',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDelete = class SwirlIconDelete {
@@ -2151,11 +2151,11 @@ let SwirlIconDelete = class SwirlIconDelete {
     }
 };
 SwirlIconDelete.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDelete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDelete.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDelete, selector: "swirl-icon-delete", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDelete.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDelete, selector: "swirl-icon-delete", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDelete = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDelete);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDelete, decorators: [{
@@ -2164,7 +2164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-delete',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDescription = class SwirlIconDescription {
@@ -2175,11 +2175,11 @@ let SwirlIconDescription = class SwirlIconDescription {
     }
 };
 SwirlIconDescription.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDescription, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDescription.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDescription, selector: "swirl-icon-description", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDescription.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDescription, selector: "swirl-icon-description", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDescription = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDescription);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDescription, decorators: [{
@@ -2188,7 +2188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-description',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDirectoryFilled = class SwirlIconDirectoryFilled {
@@ -2199,11 +2199,11 @@ let SwirlIconDirectoryFilled = class SwirlIconDirectoryFilled {
     }
 };
 SwirlIconDirectoryFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDirectoryFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDirectoryFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDirectoryFilled, selector: "swirl-icon-directory-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDirectoryFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDirectoryFilled, selector: "swirl-icon-directory-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDirectoryFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDirectoryFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDirectoryFilled, decorators: [{
@@ -2212,7 +2212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-directory-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDirectoryOutlined = class SwirlIconDirectoryOutlined {
@@ -2223,11 +2223,11 @@ let SwirlIconDirectoryOutlined = class SwirlIconDirectoryOutlined {
     }
 };
 SwirlIconDirectoryOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDirectoryOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDirectoryOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDirectoryOutlined, selector: "swirl-icon-directory-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDirectoryOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDirectoryOutlined, selector: "swirl-icon-directory-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDirectoryOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDirectoryOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDirectoryOutlined, decorators: [{
@@ -2236,7 +2236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-directory-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDiscover = class SwirlIconDiscover {
@@ -2247,11 +2247,11 @@ let SwirlIconDiscover = class SwirlIconDiscover {
     }
 };
 SwirlIconDiscover.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDiscover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDiscover.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDiscover, selector: "swirl-icon-discover", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDiscover.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDiscover, selector: "swirl-icon-discover", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDiscover = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDiscover);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDiscover, decorators: [{
@@ -2260,7 +2260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-discover',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDockLeft = class SwirlIconDockLeft {
@@ -2271,11 +2271,11 @@ let SwirlIconDockLeft = class SwirlIconDockLeft {
     }
 };
 SwirlIconDockLeft.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDockLeft, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDockLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDockLeft, selector: "swirl-icon-dock-left", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDockLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDockLeft, selector: "swirl-icon-dock-left", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDockLeft = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDockLeft);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDockLeft, decorators: [{
@@ -2284,7 +2284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-dock-left',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDot = class SwirlIconDot {
@@ -2295,11 +2295,11 @@ let SwirlIconDot = class SwirlIconDot {
     }
 };
 SwirlIconDot.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDot, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDot.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDot, selector: "swirl-icon-dot", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDot.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDot, selector: "swirl-icon-dot", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDot = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDot);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDot, decorators: [{
@@ -2308,7 +2308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-dot',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDoubleArrowLeft = class SwirlIconDoubleArrowLeft {
@@ -2319,11 +2319,11 @@ let SwirlIconDoubleArrowLeft = class SwirlIconDoubleArrowLeft {
     }
 };
 SwirlIconDoubleArrowLeft.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDoubleArrowLeft, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDoubleArrowLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDoubleArrowLeft, selector: "swirl-icon-double-arrow-left", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDoubleArrowLeft.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDoubleArrowLeft, selector: "swirl-icon-double-arrow-left", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDoubleArrowLeft = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDoubleArrowLeft);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDoubleArrowLeft, decorators: [{
@@ -2332,7 +2332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-double-arrow-left',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDoubleArrowRight = class SwirlIconDoubleArrowRight {
@@ -2343,11 +2343,11 @@ let SwirlIconDoubleArrowRight = class SwirlIconDoubleArrowRight {
     }
 };
 SwirlIconDoubleArrowRight.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDoubleArrowRight, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDoubleArrowRight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDoubleArrowRight, selector: "swirl-icon-double-arrow-right", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDoubleArrowRight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDoubleArrowRight, selector: "swirl-icon-double-arrow-right", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDoubleArrowRight = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDoubleArrowRight);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDoubleArrowRight, decorators: [{
@@ -2356,7 +2356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-double-arrow-right',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDownload = class SwirlIconDownload {
@@ -2367,11 +2367,11 @@ let SwirlIconDownload = class SwirlIconDownload {
     }
 };
 SwirlIconDownload.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDownload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDownload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDownload, selector: "swirl-icon-download", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDownload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDownload, selector: "swirl-icon-download", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDownload = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDownload);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDownload, decorators: [{
@@ -2380,7 +2380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-download',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconDragHandle = class SwirlIconDragHandle {
@@ -2391,11 +2391,11 @@ let SwirlIconDragHandle = class SwirlIconDragHandle {
     }
 };
 SwirlIconDragHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDragHandle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconDragHandle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDragHandle, selector: "swirl-icon-drag-handle", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconDragHandle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconDragHandle, selector: "swirl-icon-drag-handle", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconDragHandle = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconDragHandle);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconDragHandle, decorators: [{
@@ -2404,7 +2404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-drag-handle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconEdit = class SwirlIconEdit {
@@ -2415,11 +2415,11 @@ let SwirlIconEdit = class SwirlIconEdit {
     }
 };
 SwirlIconEdit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconEdit, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconEdit.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconEdit, selector: "swirl-icon-edit", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconEdit.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconEdit, selector: "swirl-icon-edit", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconEdit = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconEdit);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconEdit, decorators: [{
@@ -2428,7 +2428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-edit',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconEmojiMood = class SwirlIconEmojiMood {
@@ -2439,11 +2439,11 @@ let SwirlIconEmojiMood = class SwirlIconEmojiMood {
     }
 };
 SwirlIconEmojiMood.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconEmojiMood, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconEmojiMood.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconEmojiMood, selector: "swirl-icon-emoji-mood", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconEmojiMood.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconEmojiMood, selector: "swirl-icon-emoji-mood", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconEmojiMood = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconEmojiMood);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconEmojiMood, decorators: [{
@@ -2452,7 +2452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-emoji-mood',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconEmojiSatisfied = class SwirlIconEmojiSatisfied {
@@ -2463,11 +2463,11 @@ let SwirlIconEmojiSatisfied = class SwirlIconEmojiSatisfied {
     }
 };
 SwirlIconEmojiSatisfied.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconEmojiSatisfied, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconEmojiSatisfied.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconEmojiSatisfied, selector: "swirl-icon-emoji-satisfied", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconEmojiSatisfied.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconEmojiSatisfied, selector: "swirl-icon-emoji-satisfied", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconEmojiSatisfied = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconEmojiSatisfied);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconEmojiSatisfied, decorators: [{
@@ -2476,7 +2476,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-emoji-satisfied',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconError = class SwirlIconError {
@@ -2487,11 +2487,11 @@ let SwirlIconError = class SwirlIconError {
     }
 };
 SwirlIconError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconError, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconError, selector: "swirl-icon-error", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconError, selector: "swirl-icon-error", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconError = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconError);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconError, decorators: [{
@@ -2500,7 +2500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-error',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconExpandLess = class SwirlIconExpandLess {
@@ -2511,11 +2511,11 @@ let SwirlIconExpandLess = class SwirlIconExpandLess {
     }
 };
 SwirlIconExpandLess.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconExpandLess, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconExpandLess.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconExpandLess, selector: "swirl-icon-expand-less", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconExpandLess.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconExpandLess, selector: "swirl-icon-expand-less", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconExpandLess = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconExpandLess);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconExpandLess, decorators: [{
@@ -2524,7 +2524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-expand-less',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconExpandMore = class SwirlIconExpandMore {
@@ -2535,11 +2535,11 @@ let SwirlIconExpandMore = class SwirlIconExpandMore {
     }
 };
 SwirlIconExpandMore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconExpandMore, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconExpandMore.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconExpandMore, selector: "swirl-icon-expand-more", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconExpandMore.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconExpandMore, selector: "swirl-icon-expand-more", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconExpandMore = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconExpandMore);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconExpandMore, decorators: [{
@@ -2548,7 +2548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-expand-more',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFile = class SwirlIconFile {
@@ -2559,11 +2559,11 @@ let SwirlIconFile = class SwirlIconFile {
     }
 };
 SwirlIconFile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFile, selector: "swirl-icon-file", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFile, selector: "swirl-icon-file", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFile = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFile);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFile, decorators: [{
@@ -2572,7 +2572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-file',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFileCopy = class SwirlIconFileCopy {
@@ -2583,11 +2583,11 @@ let SwirlIconFileCopy = class SwirlIconFileCopy {
     }
 };
 SwirlIconFileCopy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFileCopy, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFileCopy.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFileCopy, selector: "swirl-icon-file-copy", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFileCopy.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFileCopy, selector: "swirl-icon-file-copy", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFileCopy = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFileCopy);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFileCopy, decorators: [{
@@ -2596,7 +2596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-file-copy',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFilter = class SwirlIconFilter {
@@ -2607,11 +2607,11 @@ let SwirlIconFilter = class SwirlIconFilter {
     }
 };
 SwirlIconFilter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFilter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFilter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFilter, selector: "swirl-icon-filter", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFilter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFilter, selector: "swirl-icon-filter", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFilter = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFilter);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFilter, decorators: [{
@@ -2620,7 +2620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-filter',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFolder = class SwirlIconFolder {
@@ -2631,11 +2631,11 @@ let SwirlIconFolder = class SwirlIconFolder {
     }
 };
 SwirlIconFolder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFolder, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFolder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFolder, selector: "swirl-icon-folder", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFolder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFolder, selector: "swirl-icon-folder", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFolder = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFolder);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFolder, decorators: [{
@@ -2644,7 +2644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-folder',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFolderShared = class SwirlIconFolderShared {
@@ -2655,11 +2655,11 @@ let SwirlIconFolderShared = class SwirlIconFolderShared {
     }
 };
 SwirlIconFolderShared.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFolderShared, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFolderShared.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFolderShared, selector: "swirl-icon-folder-shared", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFolderShared.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFolderShared, selector: "swirl-icon-folder-shared", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFolderShared = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFolderShared);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFolderShared, decorators: [{
@@ -2668,7 +2668,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-folder-shared',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFormatHOne = class SwirlIconFormatHOne {
@@ -2679,11 +2679,11 @@ let SwirlIconFormatHOne = class SwirlIconFormatHOne {
     }
 };
 SwirlIconFormatHOne.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFormatHOne, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFormatHOne.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFormatHOne, selector: "swirl-icon-format-h-one", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFormatHOne.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFormatHOne, selector: "swirl-icon-format-h-one", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFormatHOne = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFormatHOne);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFormatHOne, decorators: [{
@@ -2692,7 +2692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-format-h-one',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFullscreen = class SwirlIconFullscreen {
@@ -2703,11 +2703,11 @@ let SwirlIconFullscreen = class SwirlIconFullscreen {
     }
 };
 SwirlIconFullscreen.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFullscreen, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFullscreen.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFullscreen, selector: "swirl-icon-fullscreen", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFullscreen.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFullscreen, selector: "swirl-icon-fullscreen", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFullscreen = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFullscreen);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFullscreen, decorators: [{
@@ -2716,7 +2716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-fullscreen',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconFullscreenExit = class SwirlIconFullscreenExit {
@@ -2727,11 +2727,11 @@ let SwirlIconFullscreenExit = class SwirlIconFullscreenExit {
     }
 };
 SwirlIconFullscreenExit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFullscreenExit, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconFullscreenExit.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFullscreenExit, selector: "swirl-icon-fullscreen-exit", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconFullscreenExit.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconFullscreenExit, selector: "swirl-icon-fullscreen-exit", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconFullscreenExit = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconFullscreenExit);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconFullscreenExit, decorators: [{
@@ -2740,7 +2740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-fullscreen-exit',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconGif = class SwirlIconGif {
@@ -2751,11 +2751,11 @@ let SwirlIconGif = class SwirlIconGif {
     }
 };
 SwirlIconGif.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGif, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconGif.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGif, selector: "swirl-icon-gif", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconGif.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGif, selector: "swirl-icon-gif", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconGif = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconGif);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGif, decorators: [{
@@ -2764,7 +2764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-gif',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconGroupAdd = class SwirlIconGroupAdd {
@@ -2775,11 +2775,11 @@ let SwirlIconGroupAdd = class SwirlIconGroupAdd {
     }
 };
 SwirlIconGroupAdd.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupAdd, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconGroupAdd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupAdd, selector: "swirl-icon-group-add", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconGroupAdd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupAdd, selector: "swirl-icon-group-add", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconGroupAdd = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconGroupAdd);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupAdd, decorators: [{
@@ -2788,7 +2788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-group-add',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconGroupAssign = class SwirlIconGroupAssign {
@@ -2799,11 +2799,11 @@ let SwirlIconGroupAssign = class SwirlIconGroupAssign {
     }
 };
 SwirlIconGroupAssign.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupAssign, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconGroupAssign.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupAssign, selector: "swirl-icon-group-assign", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconGroupAssign.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupAssign, selector: "swirl-icon-group-assign", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconGroupAssign = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconGroupAssign);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupAssign, decorators: [{
@@ -2812,7 +2812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-group-assign',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconGroups = class SwirlIconGroups {
@@ -2823,11 +2823,11 @@ let SwirlIconGroups = class SwirlIconGroups {
     }
 };
 SwirlIconGroups.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroups, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconGroups.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroups, selector: "swirl-icon-groups", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconGroups.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroups, selector: "swirl-icon-groups", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconGroups = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconGroups);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroups, decorators: [{
@@ -2836,7 +2836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-groups',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconGroupsCustom = class SwirlIconGroupsCustom {
@@ -2847,11 +2847,11 @@ let SwirlIconGroupsCustom = class SwirlIconGroupsCustom {
     }
 };
 SwirlIconGroupsCustom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupsCustom, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconGroupsCustom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupsCustom, selector: "swirl-icon-groups-custom", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconGroupsCustom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupsCustom, selector: "swirl-icon-groups-custom", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconGroupsCustom = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconGroupsCustom);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupsCustom, decorators: [{
@@ -2860,7 +2860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-groups-custom',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconGroupsFilled = class SwirlIconGroupsFilled {
@@ -2871,11 +2871,11 @@ let SwirlIconGroupsFilled = class SwirlIconGroupsFilled {
     }
 };
 SwirlIconGroupsFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupsFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconGroupsFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupsFilled, selector: "swirl-icon-groups-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconGroupsFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupsFilled, selector: "swirl-icon-groups-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconGroupsFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconGroupsFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupsFilled, decorators: [{
@@ -2884,7 +2884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-groups-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconGroupsOutlined = class SwirlIconGroupsOutlined {
@@ -2895,11 +2895,11 @@ let SwirlIconGroupsOutlined = class SwirlIconGroupsOutlined {
     }
 };
 SwirlIconGroupsOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupsOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconGroupsOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupsOutlined, selector: "swirl-icon-groups-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconGroupsOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconGroupsOutlined, selector: "swirl-icon-groups-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconGroupsOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconGroupsOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconGroupsOutlined, decorators: [{
@@ -2908,7 +2908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-groups-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconHelp = class SwirlIconHelp {
@@ -2919,11 +2919,11 @@ let SwirlIconHelp = class SwirlIconHelp {
     }
 };
 SwirlIconHelp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconHelp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconHelp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconHelp, selector: "swirl-icon-help", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconHelp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconHelp, selector: "swirl-icon-help", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconHelp = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconHelp);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconHelp, decorators: [{
@@ -2932,7 +2932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-help',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconHighlight = class SwirlIconHighlight {
@@ -2943,11 +2943,11 @@ let SwirlIconHighlight = class SwirlIconHighlight {
     }
 };
 SwirlIconHighlight.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconHighlight, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconHighlight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconHighlight, selector: "swirl-icon-highlight", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconHighlight.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconHighlight, selector: "swirl-icon-highlight", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconHighlight = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconHighlight);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconHighlight, decorators: [{
@@ -2956,7 +2956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-highlight',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconHome = class SwirlIconHome {
@@ -2967,11 +2967,11 @@ let SwirlIconHome = class SwirlIconHome {
     }
 };
 SwirlIconHome.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconHome, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconHome.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconHome, selector: "swirl-icon-home", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconHome.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconHome, selector: "swirl-icon-home", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconHome = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconHome);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconHome, decorators: [{
@@ -2980,7 +2980,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-home',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconImage = class SwirlIconImage {
@@ -2991,11 +2991,11 @@ let SwirlIconImage = class SwirlIconImage {
     }
 };
 SwirlIconImage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconImage, selector: "swirl-icon-image", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconImage, selector: "swirl-icon-image", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconImage = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconImage);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconImage, decorators: [{
@@ -3004,7 +3004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-image',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconImproveText = class SwirlIconImproveText {
@@ -3015,11 +3015,11 @@ let SwirlIconImproveText = class SwirlIconImproveText {
     }
 };
 SwirlIconImproveText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconImproveText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconImproveText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconImproveText, selector: "swirl-icon-improve-text", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconImproveText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconImproveText, selector: "swirl-icon-improve-text", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconImproveText = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconImproveText);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconImproveText, decorators: [{
@@ -3028,7 +3028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-improve-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconInfo = class SwirlIconInfo {
@@ -3039,11 +3039,11 @@ let SwirlIconInfo = class SwirlIconInfo {
     }
 };
 SwirlIconInfo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInfo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconInfo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInfo, selector: "swirl-icon-info", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconInfo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInfo, selector: "swirl-icon-info", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconInfo = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconInfo);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInfo, decorators: [{
@@ -3052,7 +3052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-info',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconInsertBelow = class SwirlIconInsertBelow {
@@ -3063,11 +3063,11 @@ let SwirlIconInsertBelow = class SwirlIconInsertBelow {
     }
 };
 SwirlIconInsertBelow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInsertBelow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconInsertBelow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInsertBelow, selector: "swirl-icon-insert-below", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconInsertBelow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInsertBelow, selector: "swirl-icon-insert-below", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconInsertBelow = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconInsertBelow);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInsertBelow, decorators: [{
@@ -3076,7 +3076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-insert-below',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconInsertOnTop = class SwirlIconInsertOnTop {
@@ -3087,11 +3087,11 @@ let SwirlIconInsertOnTop = class SwirlIconInsertOnTop {
     }
 };
 SwirlIconInsertOnTop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInsertOnTop, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconInsertOnTop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInsertOnTop, selector: "swirl-icon-insert-on-top", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconInsertOnTop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInsertOnTop, selector: "swirl-icon-insert-on-top", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconInsertOnTop = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconInsertOnTop);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInsertOnTop, decorators: [{
@@ -3100,7 +3100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-insert-on-top',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconInventory = class SwirlIconInventory {
@@ -3111,11 +3111,11 @@ let SwirlIconInventory = class SwirlIconInventory {
     }
 };
 SwirlIconInventory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInventory, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconInventory.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInventory, selector: "swirl-icon-inventory", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconInventory.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconInventory, selector: "swirl-icon-inventory", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconInventory = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconInventory);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconInventory, decorators: [{
@@ -3124,7 +3124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-inventory',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLightMode = class SwirlIconLightMode {
@@ -3135,11 +3135,11 @@ let SwirlIconLightMode = class SwirlIconLightMode {
     }
 };
 SwirlIconLightMode.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLightMode, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLightMode.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLightMode, selector: "swirl-icon-light-mode", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLightMode.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLightMode, selector: "swirl-icon-light-mode", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLightMode = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLightMode);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLightMode, decorators: [{
@@ -3148,7 +3148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-light-mode',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLike = class SwirlIconLike {
@@ -3159,11 +3159,11 @@ let SwirlIconLike = class SwirlIconLike {
     }
 };
 SwirlIconLike.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLike, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLike.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLike, selector: "swirl-icon-like", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLike.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLike, selector: "swirl-icon-like", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLike = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLike);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLike, decorators: [{
@@ -3172,7 +3172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-like',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLink = class SwirlIconLink {
@@ -3183,11 +3183,11 @@ let SwirlIconLink = class SwirlIconLink {
     }
 };
 SwirlIconLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLink, selector: "swirl-icon-link", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLink, selector: "swirl-icon-link", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLink = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLink);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLink, decorators: [{
@@ -3196,7 +3196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-link',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLock = class SwirlIconLock {
@@ -3207,11 +3207,11 @@ let SwirlIconLock = class SwirlIconLock {
     }
 };
 SwirlIconLock.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLock, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLock, selector: "swirl-icon-lock", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLock, selector: "swirl-icon-lock", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLock = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLock);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLock, decorators: [{
@@ -3220,7 +3220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-lock',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLockOpen = class SwirlIconLockOpen {
@@ -3231,11 +3231,11 @@ let SwirlIconLockOpen = class SwirlIconLockOpen {
     }
 };
 SwirlIconLockOpen.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLockOpen, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLockOpen.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLockOpen, selector: "swirl-icon-lock-open", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLockOpen.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLockOpen, selector: "swirl-icon-lock-open", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLockOpen = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLockOpen);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLockOpen, decorators: [{
@@ -3244,7 +3244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-lock-open',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLockPerson = class SwirlIconLockPerson {
@@ -3255,11 +3255,11 @@ let SwirlIconLockPerson = class SwirlIconLockPerson {
     }
 };
 SwirlIconLockPerson.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLockPerson, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLockPerson.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLockPerson, selector: "swirl-icon-lock-person", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLockPerson.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLockPerson, selector: "swirl-icon-lock-person", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLockPerson = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLockPerson);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLockPerson, decorators: [{
@@ -3268,7 +3268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-lock-person',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLogout = class SwirlIconLogout {
@@ -3279,11 +3279,11 @@ let SwirlIconLogout = class SwirlIconLogout {
     }
 };
 SwirlIconLogout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLogout, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLogout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLogout, selector: "swirl-icon-logout", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLogout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLogout, selector: "swirl-icon-logout", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLogout = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLogout);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLogout, decorators: [{
@@ -3292,7 +3292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-logout',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconLongText = class SwirlIconLongText {
@@ -3303,11 +3303,11 @@ let SwirlIconLongText = class SwirlIconLongText {
     }
 };
 SwirlIconLongText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLongText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconLongText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLongText, selector: "swirl-icon-long-text", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconLongText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconLongText, selector: "swirl-icon-long-text", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconLongText = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconLongText);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconLongText, decorators: [{
@@ -3316,7 +3316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-long-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMail = class SwirlIconMail {
@@ -3327,11 +3327,11 @@ let SwirlIconMail = class SwirlIconMail {
     }
 };
 SwirlIconMail.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMail, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMail.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMail, selector: "swirl-icon-mail", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMail.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMail, selector: "swirl-icon-mail", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMail = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMail);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMail, decorators: [{
@@ -3340,7 +3340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-mail',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconManageAccounts = class SwirlIconManageAccounts {
@@ -3351,11 +3351,11 @@ let SwirlIconManageAccounts = class SwirlIconManageAccounts {
     }
 };
 SwirlIconManageAccounts.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconManageAccounts, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconManageAccounts.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconManageAccounts, selector: "swirl-icon-manage-accounts", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconManageAccounts.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconManageAccounts, selector: "swirl-icon-manage-accounts", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconManageAccounts = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconManageAccounts);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconManageAccounts, decorators: [{
@@ -3364,7 +3364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-manage-accounts',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMarkChatRead = class SwirlIconMarkChatRead {
@@ -3375,11 +3375,11 @@ let SwirlIconMarkChatRead = class SwirlIconMarkChatRead {
     }
 };
 SwirlIconMarkChatRead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMarkChatRead, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMarkChatRead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMarkChatRead, selector: "swirl-icon-mark-chat-read", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMarkChatRead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMarkChatRead, selector: "swirl-icon-mark-chat-read", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMarkChatRead = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMarkChatRead);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMarkChatRead, decorators: [{
@@ -3388,7 +3388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-mark-chat-read',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMarkChatUnread = class SwirlIconMarkChatUnread {
@@ -3399,11 +3399,11 @@ let SwirlIconMarkChatUnread = class SwirlIconMarkChatUnread {
     }
 };
 SwirlIconMarkChatUnread.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMarkChatUnread, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMarkChatUnread.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMarkChatUnread, selector: "swirl-icon-mark-chat-unread", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMarkChatUnread.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMarkChatUnread, selector: "swirl-icon-mark-chat-unread", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMarkChatUnread = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMarkChatUnread);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMarkChatUnread, decorators: [{
@@ -3412,7 +3412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-mark-chat-unread',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMention = class SwirlIconMention {
@@ -3423,11 +3423,11 @@ let SwirlIconMention = class SwirlIconMention {
     }
 };
 SwirlIconMention.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMention, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMention.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMention, selector: "swirl-icon-mention", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMention.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMention, selector: "swirl-icon-mention", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMention = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMention);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMention, decorators: [{
@@ -3436,7 +3436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-mention',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMenu = class SwirlIconMenu {
@@ -3447,11 +3447,11 @@ let SwirlIconMenu = class SwirlIconMenu {
     }
 };
 SwirlIconMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenu, selector: "swirl-icon-menu", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenu, selector: "swirl-icon-menu", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMenu);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenu, decorators: [{
@@ -3460,7 +3460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-menu',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMenuBook = class SwirlIconMenuBook {
@@ -3471,11 +3471,11 @@ let SwirlIconMenuBook = class SwirlIconMenuBook {
     }
 };
 SwirlIconMenuBook.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenuBook, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMenuBook.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenuBook, selector: "swirl-icon-menu-book", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMenuBook.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenuBook, selector: "swirl-icon-menu-book", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMenuBook = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMenuBook);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenuBook, decorators: [{
@@ -3484,7 +3484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-menu-book',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMenuFilled = class SwirlIconMenuFilled {
@@ -3495,11 +3495,11 @@ let SwirlIconMenuFilled = class SwirlIconMenuFilled {
     }
 };
 SwirlIconMenuFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenuFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMenuFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenuFilled, selector: "swirl-icon-menu-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMenuFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenuFilled, selector: "swirl-icon-menu-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMenuFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMenuFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenuFilled, decorators: [{
@@ -3508,7 +3508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-menu-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMenuOutlined = class SwirlIconMenuOutlined {
@@ -3519,11 +3519,11 @@ let SwirlIconMenuOutlined = class SwirlIconMenuOutlined {
     }
 };
 SwirlIconMenuOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenuOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMenuOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenuOutlined, selector: "swirl-icon-menu-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMenuOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMenuOutlined, selector: "swirl-icon-menu-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMenuOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMenuOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMenuOutlined, decorators: [{
@@ -3532,7 +3532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-menu-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMessage = class SwirlIconMessage {
@@ -3543,11 +3543,11 @@ let SwirlIconMessage = class SwirlIconMessage {
     }
 };
 SwirlIconMessage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMessage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMessage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMessage, selector: "swirl-icon-message", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMessage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMessage, selector: "swirl-icon-message", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMessage = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMessage);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMessage, decorators: [{
@@ -3556,7 +3556,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-message',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMic = class SwirlIconMic {
@@ -3567,11 +3567,11 @@ let SwirlIconMic = class SwirlIconMic {
     }
 };
 SwirlIconMic.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMic, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMic.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMic, selector: "swirl-icon-mic", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMic.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMic, selector: "swirl-icon-mic", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMic = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMic);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMic, decorators: [{
@@ -3580,7 +3580,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-mic',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMoreHorizontal = class SwirlIconMoreHorizontal {
@@ -3591,11 +3591,11 @@ let SwirlIconMoreHorizontal = class SwirlIconMoreHorizontal {
     }
 };
 SwirlIconMoreHorizontal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMoreHorizontal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMoreHorizontal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMoreHorizontal, selector: "swirl-icon-more-horizontal", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMoreHorizontal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMoreHorizontal, selector: "swirl-icon-more-horizontal", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMoreHorizontal = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMoreHorizontal);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMoreHorizontal, decorators: [{
@@ -3604,7 +3604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-more-horizontal',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconMoreVertikal = class SwirlIconMoreVertikal {
@@ -3615,11 +3615,11 @@ let SwirlIconMoreVertikal = class SwirlIconMoreVertikal {
     }
 };
 SwirlIconMoreVertikal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMoreVertikal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconMoreVertikal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMoreVertikal, selector: "swirl-icon-more-vertikal", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconMoreVertikal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconMoreVertikal, selector: "swirl-icon-more-vertikal", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconMoreVertikal = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconMoreVertikal);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconMoreVertikal, decorators: [{
@@ -3628,7 +3628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-more-vertikal',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconNewsFilled = class SwirlIconNewsFilled {
@@ -3639,11 +3639,11 @@ let SwirlIconNewsFilled = class SwirlIconNewsFilled {
     }
 };
 SwirlIconNewsFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNewsFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconNewsFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNewsFilled, selector: "swirl-icon-news-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconNewsFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNewsFilled, selector: "swirl-icon-news-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconNewsFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconNewsFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNewsFilled, decorators: [{
@@ -3652,7 +3652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-news-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconNewsOutlined = class SwirlIconNewsOutlined {
@@ -3663,11 +3663,11 @@ let SwirlIconNewsOutlined = class SwirlIconNewsOutlined {
     }
 };
 SwirlIconNewsOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNewsOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconNewsOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNewsOutlined, selector: "swirl-icon-news-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconNewsOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNewsOutlined, selector: "swirl-icon-news-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconNewsOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconNewsOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNewsOutlined, decorators: [{
@@ -3676,7 +3676,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-news-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconNotifications = class SwirlIconNotifications {
@@ -3687,11 +3687,11 @@ let SwirlIconNotifications = class SwirlIconNotifications {
     }
 };
 SwirlIconNotifications.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNotifications, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconNotifications.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNotifications, selector: "swirl-icon-notifications", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconNotifications.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNotifications, selector: "swirl-icon-notifications", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconNotifications = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconNotifications);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNotifications, decorators: [{
@@ -3700,7 +3700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-notifications',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconNotificationsActive = class SwirlIconNotificationsActive {
@@ -3711,11 +3711,11 @@ let SwirlIconNotificationsActive = class SwirlIconNotificationsActive {
     }
 };
 SwirlIconNotificationsActive.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNotificationsActive, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconNotificationsActive.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNotificationsActive, selector: "swirl-icon-notifications-active", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconNotificationsActive.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNotificationsActive, selector: "swirl-icon-notifications-active", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconNotificationsActive = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconNotificationsActive);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNotificationsActive, decorators: [{
@@ -3724,7 +3724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-notifications-active',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconNotificationsOff = class SwirlIconNotificationsOff {
@@ -3735,11 +3735,11 @@ let SwirlIconNotificationsOff = class SwirlIconNotificationsOff {
     }
 };
 SwirlIconNotificationsOff.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNotificationsOff, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconNotificationsOff.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNotificationsOff, selector: "swirl-icon-notifications-off", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconNotificationsOff.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconNotificationsOff, selector: "swirl-icon-notifications-off", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconNotificationsOff = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconNotificationsOff);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconNotificationsOff, decorators: [{
@@ -3748,7 +3748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-notifications-off',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconOpenInFull = class SwirlIconOpenInFull {
@@ -3759,11 +3759,11 @@ let SwirlIconOpenInFull = class SwirlIconOpenInFull {
     }
 };
 SwirlIconOpenInFull.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconOpenInFull, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconOpenInFull.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconOpenInFull, selector: "swirl-icon-open-in-full", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconOpenInFull.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconOpenInFull, selector: "swirl-icon-open-in-full", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconOpenInFull = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconOpenInFull);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconOpenInFull, decorators: [{
@@ -3772,7 +3772,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-open-in-full',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconOpenInNew = class SwirlIconOpenInNew {
@@ -3783,11 +3783,11 @@ let SwirlIconOpenInNew = class SwirlIconOpenInNew {
     }
 };
 SwirlIconOpenInNew.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconOpenInNew, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconOpenInNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconOpenInNew, selector: "swirl-icon-open-in-new", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconOpenInNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconOpenInNew, selector: "swirl-icon-open-in-new", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconOpenInNew = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconOpenInNew);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconOpenInNew, decorators: [{
@@ -3796,7 +3796,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-open-in-new',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPause = class SwirlIconPause {
@@ -3807,11 +3807,11 @@ let SwirlIconPause = class SwirlIconPause {
     }
 };
 SwirlIconPause.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPause, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPause.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPause, selector: "swirl-icon-pause", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPause.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPause, selector: "swirl-icon-pause", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPause = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPause);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPause, decorators: [{
@@ -3820,7 +3820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-pause',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPauseCircle = class SwirlIconPauseCircle {
@@ -3831,11 +3831,11 @@ let SwirlIconPauseCircle = class SwirlIconPauseCircle {
     }
 };
 SwirlIconPauseCircle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPauseCircle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPauseCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPauseCircle, selector: "swirl-icon-pause-circle", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPauseCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPauseCircle, selector: "swirl-icon-pause-circle", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPauseCircle = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPauseCircle);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPauseCircle, decorators: [{
@@ -3844,7 +3844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-pause-circle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPeopleAlt = class SwirlIconPeopleAlt {
@@ -3855,11 +3855,11 @@ let SwirlIconPeopleAlt = class SwirlIconPeopleAlt {
     }
 };
 SwirlIconPeopleAlt.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPeopleAlt, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPeopleAlt.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPeopleAlt, selector: "swirl-icon-people-alt", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPeopleAlt.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPeopleAlt, selector: "swirl-icon-people-alt", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPeopleAlt = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPeopleAlt);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPeopleAlt, decorators: [{
@@ -3868,7 +3868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-people-alt',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPerson = class SwirlIconPerson {
@@ -3879,11 +3879,11 @@ let SwirlIconPerson = class SwirlIconPerson {
     }
 };
 SwirlIconPerson.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPerson, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPerson.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPerson, selector: "swirl-icon-person", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPerson.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPerson, selector: "swirl-icon-person", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPerson = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPerson);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPerson, decorators: [{
@@ -3892,7 +3892,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-person',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPersonOff = class SwirlIconPersonOff {
@@ -3903,11 +3903,11 @@ let SwirlIconPersonOff = class SwirlIconPersonOff {
     }
 };
 SwirlIconPersonOff.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPersonOff, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPersonOff.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPersonOff, selector: "swirl-icon-person-off", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPersonOff.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPersonOff, selector: "swirl-icon-person-off", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPersonOff = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPersonOff);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPersonOff, decorators: [{
@@ -3916,7 +3916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-person-off',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPhone = class SwirlIconPhone {
@@ -3927,11 +3927,11 @@ let SwirlIconPhone = class SwirlIconPhone {
     }
 };
 SwirlIconPhone.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPhone, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPhone.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPhone, selector: "swirl-icon-phone", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPhone.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPhone, selector: "swirl-icon-phone", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPhone = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPhone);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPhone, decorators: [{
@@ -3940,7 +3940,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-phone',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPhotoCamera = class SwirlIconPhotoCamera {
@@ -3951,11 +3951,11 @@ let SwirlIconPhotoCamera = class SwirlIconPhotoCamera {
     }
 };
 SwirlIconPhotoCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPhotoCamera, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPhotoCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPhotoCamera, selector: "swirl-icon-photo-camera", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPhotoCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPhotoCamera, selector: "swirl-icon-photo-camera", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPhotoCamera = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPhotoCamera);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPhotoCamera, decorators: [{
@@ -3964,7 +3964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-photo-camera',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPlayArrow = class SwirlIconPlayArrow {
@@ -3975,11 +3975,11 @@ let SwirlIconPlayArrow = class SwirlIconPlayArrow {
     }
 };
 SwirlIconPlayArrow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPlayArrow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPlayArrow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPlayArrow, selector: "swirl-icon-play-arrow", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPlayArrow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPlayArrow, selector: "swirl-icon-play-arrow", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPlayArrow = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPlayArrow);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPlayArrow, decorators: [{
@@ -3988,7 +3988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-play-arrow',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPoll = class SwirlIconPoll {
@@ -3999,11 +3999,11 @@ let SwirlIconPoll = class SwirlIconPoll {
     }
 };
 SwirlIconPoll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPoll, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPoll.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPoll, selector: "swirl-icon-poll", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPoll.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPoll, selector: "swirl-icon-poll", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPoll = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPoll);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPoll, decorators: [{
@@ -4012,7 +4012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-poll',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconPrint = class SwirlIconPrint {
@@ -4023,11 +4023,11 @@ let SwirlIconPrint = class SwirlIconPrint {
     }
 };
 SwirlIconPrint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPrint, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconPrint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPrint, selector: "swirl-icon-print", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconPrint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconPrint, selector: "swirl-icon-print", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconPrint = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconPrint);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconPrint, decorators: [{
@@ -4036,7 +4036,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-print',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconRecieved = class SwirlIconRecieved {
@@ -4047,11 +4047,11 @@ let SwirlIconRecieved = class SwirlIconRecieved {
     }
 };
 SwirlIconRecieved.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconRecieved, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconRecieved.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconRecieved, selector: "swirl-icon-recieved", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconRecieved.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconRecieved, selector: "swirl-icon-recieved", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconRecieved = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconRecieved);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconRecieved, decorators: [{
@@ -4060,7 +4060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-recieved',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconRemove = class SwirlIconRemove {
@@ -4071,11 +4071,11 @@ let SwirlIconRemove = class SwirlIconRemove {
     }
 };
 SwirlIconRemove.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconRemove, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconRemove.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconRemove, selector: "swirl-icon-remove", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconRemove.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconRemove, selector: "swirl-icon-remove", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconRemove = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconRemove);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconRemove, decorators: [{
@@ -4084,7 +4084,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-remove',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconReply = class SwirlIconReply {
@@ -4095,11 +4095,11 @@ let SwirlIconReply = class SwirlIconReply {
     }
 };
 SwirlIconReply.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconReply, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconReply.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconReply, selector: "swirl-icon-reply", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconReply.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconReply, selector: "swirl-icon-reply", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconReply = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconReply);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconReply, decorators: [{
@@ -4108,7 +4108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-reply',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconReport = class SwirlIconReport {
@@ -4119,11 +4119,11 @@ let SwirlIconReport = class SwirlIconReport {
     }
 };
 SwirlIconReport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconReport, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconReport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconReport, selector: "swirl-icon-report", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconReport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconReport, selector: "swirl-icon-report", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconReport = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconReport);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconReport, decorators: [{
@@ -4132,7 +4132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-report',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconRoadmap = class SwirlIconRoadmap {
@@ -4143,11 +4143,11 @@ let SwirlIconRoadmap = class SwirlIconRoadmap {
     }
 };
 SwirlIconRoadmap.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconRoadmap, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconRoadmap.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconRoadmap, selector: "swirl-icon-roadmap", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconRoadmap.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconRoadmap, selector: "swirl-icon-roadmap", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconRoadmap = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconRoadmap);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconRoadmap, decorators: [{
@@ -4156,7 +4156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-roadmap',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSearch = class SwirlIconSearch {
@@ -4167,11 +4167,11 @@ let SwirlIconSearch = class SwirlIconSearch {
     }
 };
 SwirlIconSearch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSearch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSearch, selector: "swirl-icon-search", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSearch, selector: "swirl-icon-search", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSearch = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSearch);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSearch, decorators: [{
@@ -4180,7 +4180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-search',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSearchStrong = class SwirlIconSearchStrong {
@@ -4191,11 +4191,11 @@ let SwirlIconSearchStrong = class SwirlIconSearchStrong {
     }
 };
 SwirlIconSearchStrong.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSearchStrong, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSearchStrong.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSearchStrong, selector: "swirl-icon-search-strong", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSearchStrong.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSearchStrong, selector: "swirl-icon-search-strong", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSearchStrong = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSearchStrong);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSearchStrong, decorators: [{
@@ -4204,7 +4204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-search-strong',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSecure = class SwirlIconSecure {
@@ -4215,11 +4215,11 @@ let SwirlIconSecure = class SwirlIconSecure {
     }
 };
 SwirlIconSecure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSecure, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSecure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSecure, selector: "swirl-icon-secure", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSecure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSecure, selector: "swirl-icon-secure", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSecure = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSecure);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSecure, decorators: [{
@@ -4228,7 +4228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-secure',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSend = class SwirlIconSend {
@@ -4239,11 +4239,11 @@ let SwirlIconSend = class SwirlIconSend {
     }
 };
 SwirlIconSend.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSend, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSend.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSend, selector: "swirl-icon-send", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSend.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSend, selector: "swirl-icon-send", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSend = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSend);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSend, decorators: [{
@@ -4252,7 +4252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-send',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSettings = class SwirlIconSettings {
@@ -4263,11 +4263,11 @@ let SwirlIconSettings = class SwirlIconSettings {
     }
 };
 SwirlIconSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSettings, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSettings.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSettings, selector: "swirl-icon-settings", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSettings.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSettings, selector: "swirl-icon-settings", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSettings = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSettings);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSettings, decorators: [{
@@ -4276,7 +4276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-settings',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconShortText = class SwirlIconShortText {
@@ -4287,11 +4287,11 @@ let SwirlIconShortText = class SwirlIconShortText {
     }
 };
 SwirlIconShortText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconShortText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconShortText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconShortText, selector: "swirl-icon-short-text", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconShortText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconShortText, selector: "swirl-icon-short-text", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconShortText = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconShortText);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconShortText, decorators: [{
@@ -4300,7 +4300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-short-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSimplify = class SwirlIconSimplify {
@@ -4311,11 +4311,11 @@ let SwirlIconSimplify = class SwirlIconSimplify {
     }
 };
 SwirlIconSimplify.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSimplify, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSimplify.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSimplify, selector: "swirl-icon-simplify", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSimplify.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSimplify, selector: "swirl-icon-simplify", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSimplify = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSimplify);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSimplify, decorators: [{
@@ -4324,7 +4324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-simplify',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSpellcheck = class SwirlIconSpellcheck {
@@ -4335,11 +4335,11 @@ let SwirlIconSpellcheck = class SwirlIconSpellcheck {
     }
 };
 SwirlIconSpellcheck.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSpellcheck, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSpellcheck.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSpellcheck, selector: "swirl-icon-spellcheck", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSpellcheck.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSpellcheck, selector: "swirl-icon-spellcheck", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSpellcheck = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSpellcheck);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSpellcheck, decorators: [{
@@ -4348,7 +4348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-spellcheck',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconStop = class SwirlIconStop {
@@ -4359,11 +4359,11 @@ let SwirlIconStop = class SwirlIconStop {
     }
 };
 SwirlIconStop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconStop, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconStop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconStop, selector: "swirl-icon-stop", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconStop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconStop, selector: "swirl-icon-stop", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconStop = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconStop);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconStop, decorators: [{
@@ -4372,7 +4372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-stop',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconSync = class SwirlIconSync {
@@ -4383,11 +4383,11 @@ let SwirlIconSync = class SwirlIconSync {
     }
 };
 SwirlIconSync.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSync, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconSync.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSync, selector: "swirl-icon-sync", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconSync.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconSync, selector: "swirl-icon-sync", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconSync = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconSync);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconSync, decorators: [{
@@ -4396,7 +4396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-sync',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTasksFilled = class SwirlIconTasksFilled {
@@ -4407,11 +4407,11 @@ let SwirlIconTasksFilled = class SwirlIconTasksFilled {
     }
 };
 SwirlIconTasksFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTasksFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTasksFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTasksFilled, selector: "swirl-icon-tasks-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTasksFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTasksFilled, selector: "swirl-icon-tasks-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTasksFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTasksFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTasksFilled, decorators: [{
@@ -4420,7 +4420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-tasks-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTasksOutlined = class SwirlIconTasksOutlined {
@@ -4431,11 +4431,11 @@ let SwirlIconTasksOutlined = class SwirlIconTasksOutlined {
     }
 };
 SwirlIconTasksOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTasksOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTasksOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTasksOutlined, selector: "swirl-icon-tasks-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTasksOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTasksOutlined, selector: "swirl-icon-tasks-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTasksOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTasksOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTasksOutlined, decorators: [{
@@ -4444,7 +4444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-tasks-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTerminal = class SwirlIconTerminal {
@@ -4455,11 +4455,11 @@ let SwirlIconTerminal = class SwirlIconTerminal {
     }
 };
 SwirlIconTerminal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTerminal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTerminal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTerminal, selector: "swirl-icon-terminal", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTerminal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTerminal, selector: "swirl-icon-terminal", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTerminal = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTerminal);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTerminal, decorators: [{
@@ -4468,7 +4468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-terminal',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTimeFilled = class SwirlIconTimeFilled {
@@ -4479,11 +4479,11 @@ let SwirlIconTimeFilled = class SwirlIconTimeFilled {
     }
 };
 SwirlIconTimeFilled.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTimeFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTimeFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTimeFilled, selector: "swirl-icon-time-filled", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTimeFilled.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTimeFilled, selector: "swirl-icon-time-filled", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTimeFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTimeFilled);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTimeFilled, decorators: [{
@@ -4492,7 +4492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-time-filled',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTimeOutlined = class SwirlIconTimeOutlined {
@@ -4503,11 +4503,11 @@ let SwirlIconTimeOutlined = class SwirlIconTimeOutlined {
     }
 };
 SwirlIconTimeOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTimeOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTimeOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTimeOutlined, selector: "swirl-icon-time-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTimeOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTimeOutlined, selector: "swirl-icon-time-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTimeOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTimeOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTimeOutlined, decorators: [{
@@ -4516,7 +4516,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-time-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconToday = class SwirlIconToday {
@@ -4527,11 +4527,11 @@ let SwirlIconToday = class SwirlIconToday {
     }
 };
 SwirlIconToday.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconToday, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconToday.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconToday, selector: "swirl-icon-today", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconToday.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconToday, selector: "swirl-icon-today", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconToday = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconToday);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconToday, decorators: [{
@@ -4540,7 +4540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-today',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTodayOutlined = class SwirlIconTodayOutlined {
@@ -4551,11 +4551,11 @@ let SwirlIconTodayOutlined = class SwirlIconTodayOutlined {
     }
 };
 SwirlIconTodayOutlined.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTodayOutlined, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTodayOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTodayOutlined, selector: "swirl-icon-today-outlined", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTodayOutlined.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTodayOutlined, selector: "swirl-icon-today-outlined", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTodayOutlined = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTodayOutlined);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTodayOutlined, decorators: [{
@@ -4564,7 +4564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-today-outlined',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTranslate = class SwirlIconTranslate {
@@ -4575,11 +4575,11 @@ let SwirlIconTranslate = class SwirlIconTranslate {
     }
 };
 SwirlIconTranslate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTranslate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTranslate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTranslate, selector: "swirl-icon-translate", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTranslate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTranslate, selector: "swirl-icon-translate", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTranslate = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTranslate);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTranslate, decorators: [{
@@ -4588,7 +4588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-translate',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconTreeStructure = class SwirlIconTreeStructure {
@@ -4599,11 +4599,11 @@ let SwirlIconTreeStructure = class SwirlIconTreeStructure {
     }
 };
 SwirlIconTreeStructure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTreeStructure, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconTreeStructure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTreeStructure, selector: "swirl-icon-tree-structure", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconTreeStructure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconTreeStructure, selector: "swirl-icon-tree-structure", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconTreeStructure = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconTreeStructure);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconTreeStructure, decorators: [{
@@ -4612,7 +4612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-tree-structure',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconUndo = class SwirlIconUndo {
@@ -4623,11 +4623,11 @@ let SwirlIconUndo = class SwirlIconUndo {
     }
 };
 SwirlIconUndo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUndo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconUndo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUndo, selector: "swirl-icon-undo", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconUndo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUndo, selector: "swirl-icon-undo", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconUndo = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconUndo);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUndo, decorators: [{
@@ -4636,7 +4636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-undo',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconUnlockPerson = class SwirlIconUnlockPerson {
@@ -4647,11 +4647,11 @@ let SwirlIconUnlockPerson = class SwirlIconUnlockPerson {
     }
 };
 SwirlIconUnlockPerson.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUnlockPerson, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconUnlockPerson.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUnlockPerson, selector: "swirl-icon-unlock-person", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconUnlockPerson.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUnlockPerson, selector: "swirl-icon-unlock-person", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconUnlockPerson = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconUnlockPerson);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUnlockPerson, decorators: [{
@@ -4660,7 +4660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-unlock-person',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconUserAdd = class SwirlIconUserAdd {
@@ -4671,11 +4671,11 @@ let SwirlIconUserAdd = class SwirlIconUserAdd {
     }
 };
 SwirlIconUserAdd.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUserAdd, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconUserAdd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUserAdd, selector: "swirl-icon-user-add", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconUserAdd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUserAdd, selector: "swirl-icon-user-add", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconUserAdd = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconUserAdd);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUserAdd, decorators: [{
@@ -4684,7 +4684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-user-add',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconUserAssign = class SwirlIconUserAssign {
@@ -4695,11 +4695,11 @@ let SwirlIconUserAssign = class SwirlIconUserAssign {
     }
 };
 SwirlIconUserAssign.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUserAssign, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconUserAssign.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUserAssign, selector: "swirl-icon-user-assign", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconUserAssign.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconUserAssign, selector: "swirl-icon-user-assign", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconUserAssign = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconUserAssign);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconUserAssign, decorators: [{
@@ -4708,7 +4708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-user-assign',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconVideoCamera = class SwirlIconVideoCamera {
@@ -4719,11 +4719,11 @@ let SwirlIconVideoCamera = class SwirlIconVideoCamera {
     }
 };
 SwirlIconVideoCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVideoCamera, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconVideoCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVideoCamera, selector: "swirl-icon-video-camera", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconVideoCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVideoCamera, selector: "swirl-icon-video-camera", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconVideoCamera = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconVideoCamera);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVideoCamera, decorators: [{
@@ -4732,7 +4732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-video-camera',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconVideoLibrary = class SwirlIconVideoLibrary {
@@ -4743,11 +4743,11 @@ let SwirlIconVideoLibrary = class SwirlIconVideoLibrary {
     }
 };
 SwirlIconVideoLibrary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVideoLibrary, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconVideoLibrary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVideoLibrary, selector: "swirl-icon-video-library", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconVideoLibrary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVideoLibrary, selector: "swirl-icon-video-library", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconVideoLibrary = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconVideoLibrary);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVideoLibrary, decorators: [{
@@ -4756,7 +4756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-video-library',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconVisibility = class SwirlIconVisibility {
@@ -4767,11 +4767,11 @@ let SwirlIconVisibility = class SwirlIconVisibility {
     }
 };
 SwirlIconVisibility.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVisibility, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconVisibility.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVisibility, selector: "swirl-icon-visibility", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconVisibility.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVisibility, selector: "swirl-icon-visibility", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconVisibility = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconVisibility);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVisibility, decorators: [{
@@ -4780,7 +4780,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-visibility',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconVisibilityOff = class SwirlIconVisibilityOff {
@@ -4791,11 +4791,11 @@ let SwirlIconVisibilityOff = class SwirlIconVisibilityOff {
     }
 };
 SwirlIconVisibilityOff.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVisibilityOff, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconVisibilityOff.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVisibilityOff, selector: "swirl-icon-visibility-off", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconVisibilityOff.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVisibilityOff, selector: "swirl-icon-visibility-off", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconVisibilityOff = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconVisibilityOff);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVisibilityOff, decorators: [{
@@ -4804,7 +4804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-visibility-off',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconVoice = class SwirlIconVoice {
@@ -4815,11 +4815,11 @@ let SwirlIconVoice = class SwirlIconVoice {
     }
 };
 SwirlIconVoice.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVoice, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconVoice.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVoice, selector: "swirl-icon-voice", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconVoice.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconVoice, selector: "swirl-icon-voice", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconVoice = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconVoice);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconVoice, decorators: [{
@@ -4828,7 +4828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-voice',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconWarning = class SwirlIconWarning {
@@ -4839,11 +4839,11 @@ let SwirlIconWarning = class SwirlIconWarning {
     }
 };
 SwirlIconWarning.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconWarning, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconWarning.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconWarning, selector: "swirl-icon-warning", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconWarning.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconWarning, selector: "swirl-icon-warning", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconWarning = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconWarning);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconWarning, decorators: [{
@@ -4852,7 +4852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-warning',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlIconWork = class SwirlIconWork {
@@ -4863,11 +4863,11 @@ let SwirlIconWork = class SwirlIconWork {
     }
 };
 SwirlIconWork.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconWork, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwirlIconWork.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconWork, selector: "swirl-icon-work", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SwirlIconWork.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwirlIconWork, selector: "swirl-icon-work", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SwirlIconWork = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['color', 'size']
     })
 ], SwirlIconWork);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwirlIconWork, decorators: [{
@@ -4876,7 +4876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     selector: 'swirl-icon-work',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['color', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let SwirlImageGrid = class SwirlImageGrid {