diff --git a/src/icons/GridOn/GridOnIcon.tsx b/src/icons/GridOn/GridOnIcon.tsx
new file mode 100644
index 00000000..50d9f200
--- /dev/null
+++ b/src/icons/GridOn/GridOnIcon.tsx
@@ -0,0 +1,27 @@
+import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const GridOnIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      data-testid="gridon-icon-svg"
+      {...props}
+    >
+      <path
+        d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M8 20H4v-4h4zm0-6H4v-4h4zm0-6H4V4h4zm6 12h-4v-4h4zm0-6h-4v-4h4zm0-6h-4V4h4zm6 12h-4v-4h4zm0-6h-4v-4h4zm0-6h-4V4h4z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default GridOnIcon;
diff --git a/src/icons/GridOn/index.ts b/src/icons/GridOn/index.ts
new file mode 100644
index 00000000..dc361700
--- /dev/null
+++ b/src/icons/GridOn/index.ts
@@ -0,0 +1 @@
+export { default as GridOnIcon } from './GridOnIcon';
diff --git a/src/icons/index.ts b/src/icons/index.ts
index af14b909..6e3052ce 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -91,6 +91,7 @@ export * from './GetApp';
 export * from './GetStarted';
 export * from './Github';
 export * from './Google';
+export * from './GridOn';
 export * from './GridView';
 export * from './GroupAdd';
 export * from './Group';