diff --git a/packages/components/src/Ansible/Ansible.test.js b/packages/components/src/Ansible/Ansible.test.js
deleted file mode 100644
index 6fe7d25c87..0000000000
--- a/packages/components/src/Ansible/Ansible.test.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Ansible from './Ansible';
-
-describe('Ansible component', () => {
-  describe('should render correctly', () => {
-    it('unsupported boolean', () => {
-      const { container } = render(<Ansible unsupported />);
-      expect(container).toMatchSnapshot();
-    });
-
-    it('unsupported number', () => {
-      const { container } = render(<Ansible unsupported={1} />);
-      expect(container).toMatchSnapshot();
-    });
-
-    it('supported boolean', () => {
-      const { container } = render(<Ansible />);
-      expect(container).toMatchSnapshot();
-    });
-
-    it('supported number', () => {
-      const { container } = render(<Ansible unsupported={0} />);
-      expect(container).toMatchSnapshot();
-    });
-  });
-});
diff --git a/packages/components/src/Ansible/Ansible.tsx b/packages/components/src/Ansible/Ansible.tsx
index edc2b74473..0a67c5ab3c 100644
--- a/packages/components/src/Ansible/Ansible.tsx
+++ b/packages/components/src/Ansible/Ansible.tsx
@@ -1,93 +1,10 @@
 import React from 'react';
-
-import classNames from 'classnames';
-
-import './ansible.scss';
-
-export interface AnsibleProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
-  /**
-   * Description that will generate MD docs file
-   */
-  unsupported?: boolean | number;
-}
+import AnsiblePF, { AnsibleProps } from '@patternfly/react-component-groups/dist/dynamic/Ansible';
 
 /**
- * This is a dumb component that only recieves properties from a smart component.
- * Dumb components are usually functions and not classes.
- *
- * @param props the props given by the smart component.
+ * @deprecated Do not use deprecated Ansible import, the component has been moved to @patternfly/react-component-groups
  */
-
-const Ansible: React.FunctionComponent<AnsibleProps> = ({ unsupported, className, ...props }) => {
-  const ansibleLogoClass = classNames(
-    className,
-    'Ansible',
-    { [`is-supported`]: !unsupported || unsupported === 0 },
-    { [`is-unsupported`]: unsupported || unsupported === 1 }
-  );
-
-  let unsupportedSlash;
-  let ariaLabels = {};
-  if (unsupported) {
-    unsupportedSlash = (
-      <React.Fragment>
-        <rect
-          x="1245.1"
-          y="272.4"
-          transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 3082.5815 -510.474)"
-          className="st0"
-          width="803.8"
-          height="221.5"
-        />
-
-        <rect
-          x="-279.7"
-          y="904"
-          transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 2450.9683 1014.3757)"
-          className="st1"
-          width="2590.2"
-          height="221.5"
-        />
-
-        <rect
-          x="17.1"
-          y="1620.5"
-          transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1734.4641 2744.1697)"
-          className="st0"
-          width="563.7"
-          height="221.5"
-        />
-      </React.Fragment>
-    );
-    ariaLabels = {
-      ['disabled']: 'disabled',
-      ['aria-label']: 'Does not have Ansible support',
-    };
-  } else {
-    ariaLabels = { ['aria-label']: 'Has Ansible support' };
-  }
-
-  return (
-    <i className={ansibleLogoClass} {...ariaLabels} {...props} widget-type="InsightsAnsibleSupport">
-      <svg
-        version="1.1"
-        id="Layer_1"
-        x="0px"
-        y="0px"
-        viewBox="0 0 2032 2027.2"
-        style={{ enableBackground: 'new 0 0 2032 2027.2' } as React.CSSProperties}
-      >
-        <path
-          className="st0"
-          d="M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8
-                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9
-                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6
-                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z"
-        />
-        {unsupportedSlash}
-      </svg>
-    </i>
-  );
-};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const Ansible: React.FunctionComponent<AnsibleProps> = (props) => <AnsiblePF {...props} />;
 
 export default Ansible;
diff --git a/packages/components/src/Ansible/__snapshots__/Ansible.test.js.snap b/packages/components/src/Ansible/__snapshots__/Ansible.test.js.snap
deleted file mode 100644
index f9e7356625..0000000000
--- a/packages/components/src/Ansible/__snapshots__/Ansible.test.js.snap
+++ /dev/null
@@ -1,159 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ansible component should render correctly supported boolean 1`] = `
-<div>
-  <i
-    aria-label="Has Ansible support"
-    class="Ansible is-supported"
-    widget-type="InsightsAnsibleSupport"
-  >
-    <svg
-      id="Layer_1"
-      style="enable-background: new 0 0 2032 2027.2;"
-      version="1.1"
-      viewBox="0 0 2032 2027.2"
-      x="0px"
-      y="0px"
-    >
-      <path
-        class="st0"
-        d="M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8
-                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9
-                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6
-                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z"
-      />
-    </svg>
-  </i>
-</div>
-`;
-
-exports[`Ansible component should render correctly supported number 1`] = `
-<div>
-  <i
-    aria-label="Has Ansible support"
-    class="Ansible is-supported"
-    widget-type="InsightsAnsibleSupport"
-  >
-    <svg
-      id="Layer_1"
-      style="enable-background: new 0 0 2032 2027.2;"
-      version="1.1"
-      viewBox="0 0 2032 2027.2"
-      x="0px"
-      y="0px"
-    >
-      <path
-        class="st0"
-        d="M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8
-                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9
-                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6
-                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z"
-      />
-    </svg>
-  </i>
-</div>
-`;
-
-exports[`Ansible component should render correctly unsupported boolean 1`] = `
-<div>
-  <i
-    aria-label="Does not have Ansible support"
-    class="Ansible is-unsupported"
-    disabled=""
-    widget-type="InsightsAnsibleSupport"
-  >
-    <svg
-      id="Layer_1"
-      style="enable-background: new 0 0 2032 2027.2;"
-      version="1.1"
-      viewBox="0 0 2032 2027.2"
-      x="0px"
-      y="0px"
-    >
-      <path
-        class="st0"
-        d="M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8
-                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9
-                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6
-                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z"
-      />
-      <rect
-        class="st0"
-        height="221.5"
-        transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 3082.5815 -510.474)"
-        width="803.8"
-        x="1245.1"
-        y="272.4"
-      />
-      <rect
-        class="st1"
-        height="221.5"
-        transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 2450.9683 1014.3757)"
-        width="2590.2"
-        x="-279.7"
-        y="904"
-      />
-      <rect
-        class="st0"
-        height="221.5"
-        transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1734.4641 2744.1697)"
-        width="563.7"
-        x="17.1"
-        y="1620.5"
-      />
-    </svg>
-  </i>
-</div>
-`;
-
-exports[`Ansible component should render correctly unsupported number 1`] = `
-<div>
-  <i
-    aria-label="Does not have Ansible support"
-    class="Ansible is-unsupported"
-    disabled=""
-    widget-type="InsightsAnsibleSupport"
-  >
-    <svg
-      id="Layer_1"
-      style="enable-background: new 0 0 2032 2027.2;"
-      version="1.1"
-      viewBox="0 0 2032 2027.2"
-      x="0px"
-      y="0px"
-    >
-      <path
-        class="st0"
-        d="M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8
-                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9
-                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6
-                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z"
-      />
-      <rect
-        class="st0"
-        height="221.5"
-        transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 3082.5815 -510.474)"
-        width="803.8"
-        x="1245.1"
-        y="272.4"
-      />
-      <rect
-        class="st1"
-        height="221.5"
-        transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 2450.9683 1014.3757)"
-        width="2590.2"
-        x="-279.7"
-        y="904"
-      />
-      <rect
-        class="st0"
-        height="221.5"
-        transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1734.4641 2744.1697)"
-        width="563.7"
-        x="17.1"
-        y="1620.5"
-      />
-    </svg>
-  </i>
-</div>
-`;
diff --git a/packages/components/src/Ansible/ansible.scss b/packages/components/src/Ansible/ansible.scss
deleted file mode 100644
index af5e3f062a..0000000000
--- a/packages/components/src/Ansible/ansible.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-i.Ansible {
-    &.is-supported .st0{ fill: $ins-color--blue; }
-    &.is-unsupported { 
-        .st0, .st1, .st2 { fill: $ins-color--gray; }
-        cursor: not-allowed;
-    }
-    svg {
-        height: var(--pf-v5-global--FontSize--xl);
-        position: relative;
-        @include rem('top', 4px);
-    }
-}