✨ Add controller icon

packages/ui-next/src/components/icons/brand/controller.tsx

@@ -0,0 +1,22 @@
+import { forwardRef, memo } from "react";
+import { iconVariants } from "../utils";
+import { IconProps } from "../types";
+
+export const ControllerIcon = memo(
+  forwardRef<SVGSVGElement, IconProps>(
+    ({ className, size, ...props }, forwardedRef) => (
+      <svg
+        viewBox="0 0 32 32"
+        className={iconVariants({ size, className })}
+        ref={forwardedRef}
+        {...props}
+      >
+        <path d="M14.9813 8H17.0188V10.3451H14.9813V8Z" fill="fill-current"/>
+        <path d="M12.0183 22.3748H8.21852C7.96807 22.3748 7.96807 22.123 7.96807 22.123V12.5995C7.96807 12.5995 7.96807 12.3501 8.21852 12.3501H14.9813L14.9813 10.3451H12.495C12.495 10.3451 11.9917 10.3451 11.4885 10.5946L6.70878 12.5995C6.20553 12.849 5.95508 13.3525 5.95508 13.8514V21.8712C5.95508 22.123 5.95508 22.3725 6.20553 22.6243L7.71527 24.128C7.96573 24.3798 8.15532 24.3798 8.46897 24.3798H12.0189C12.0191 23.7704 12.0194 23.0504 12.0197 22.3887H19.8915V24.3798H23.5313C23.8449 24.3798 24.0345 24.3798 24.285 24.128L25.7947 22.6243C26.0452 22.3748 26.0452 22.123 26.0452 21.8712V13.8514C26.0452 13.3502 25.7947 12.849 25.2915 12.5995L20.5118 10.5946C20.0086 10.3451 19.5053 10.3451 19.5053 10.3451H17.0188L17.0188 12.3501H23.7841C24.0345 12.3501 24.0345 12.5995 24.0345 12.5995V22.123C24.0345 22.123 24.0345 22.3748 23.7841 22.3748H19.899V20.3979H12.0203C12.0203 20.5898 12.0185 22.2071 12.0183 22.3748Z" fill="fill-current"/>
+        <path d="M12.0183 17.3209H19.899V15.3302H12.0203C12.0203 15.5336 12.0183 17.3397 12.0183 17.3209Z" fill="fill-current"/>
+      </svg>
+    ),
+  ),
+);
+
+ControllerIcon.displayName = "ControllerIcon";

packages/ui-next/src/components/icons/brand/index.ts

@@ -4,6 +4,7 @@ export * from "./briq";
 export * from "./cartridge";
 export * from "./cartridge-face";
 export * from "./chrome";
+export * from "./controller";
 export * from "./discord";
 export * from "./dojo";
 export * from "./dope-wars";