diff --git a/samples/layouts/icon/sizing/src/index.tsx b/samples/layouts/icon/sizing/src/index.tsx index 4a7d64834..3c1952ac2 100644 --- a/samples/layouts/icon/sizing/src/index.tsx +++ b/samples/layouts/icon/sizing/src/index.tsx @@ -2,11 +2,9 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import './IconSizing.css'; -import { IgrIcon, IgrIconModule, registerIconFromText } from 'igniteui-react'; +import { IgrIcon, registerIconFromText } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -IgrIconModule.register(); - const buildIcon = ''; diff --git a/samples/layouts/icon/styling/src/IconStyling.css b/samples/layouts/icon/styling/src/IconStyling.css index 949402bcb..73b24e3db 100644 --- a/samples/layouts/icon/styling/src/IconStyling.css +++ b/samples/layouts/icon/styling/src/IconStyling.css @@ -7,5 +7,5 @@ igc-icon { --size: 48px; - color: olive; + color: var(--ig-primary-500); } \ No newline at end of file diff --git a/samples/layouts/icon/styling/src/index.tsx b/samples/layouts/icon/styling/src/index.tsx index 84240dc4b..0136db33a 100644 --- a/samples/layouts/icon/styling/src/index.tsx +++ b/samples/layouts/icon/styling/src/index.tsx @@ -2,11 +2,9 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import './IconStyling.css'; -import { IgrIcon, IgrIconModule, registerIconFromText } from 'igniteui-react'; +import { IgrIcon, registerIconFromText } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -IgrIconModule.register(); - const searchIcon = '';