diff --git a/fakemui/icons/Gate.tsx b/fakemui/icons/Gate.tsx
index cc3abcf26..2a5d3a1b7 100644
--- a/fakemui/icons/Gate.tsx
+++ b/fakemui/icons/Gate.tsx
@@ -1,14 +1,11 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '../core/SvgIcon';
+import React from 'react'
+import { Icon, IconProps } from './Icon'
 
 /**
  * Gate icon - represents access control/auth gate
  */
-export const Gate = React.forwardRef<SVGSVGElement, SvgIconProps>((props, ref) => (
-  <SvgIcon ref={ref} {...props}>
+export const Gate = (props: IconProps) => (
+  <Icon {...props}>
     <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" />
-  </SvgIcon>
-));
-
-Gate.displayName = 'Gate';
-export default Gate;
+  </Icon>
+)