Added Description icon

Signed-off-by: AasthathecoderX <bhat.aasthaa@gmail.com>

Author: AasthathecoderX

src/__testing__/DescriptionIcon.test.tsx

@@ -0,0 +1,15 @@
+import { render } from '@testing-library/react';
+import { DescriptionIcon } from '../icons';
+
+describe('DescriptionIcon', () => {
+  it('renders without errors', () => {
+    render(<DescriptionIcon width={24} height={24} />);
+  });
+
+  it('applies width and height', () => {
+    const { getByTestId } = render(<DescriptionIcon width={24} height={24} />);
+    const svgElement = getByTestId('description-icon-svg');
+    expect(svgElement.getAttribute('width')).toBe('24');
+    expect(svgElement.getAttribute('height')).toBe('24');
+  });
+});

src/icons/Description/DescriptionIcon.tsx

@@ -0,0 +1,26 @@
+import { KEPPEL_GREEN_FILL, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+import { IconProps } from '../types';
+
+const DescriptionIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = KEPPEL_GREEN_FILL,
+  ...props
+}: IconProps): JSX.Element => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 48 48"
+    fill={fill}
+    data-testid="description-icon-svg"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    {/* SVG path data from Material UI Description icon will go here */}
+    {/* Example paths based on Material UI icon structure */}
+    <path d="M8 4h28v40H8z" />
+    {/* Additional path elements as needed */}
+  </svg>
+);
+
+export default DescriptionIcon;

src/icons/Description/index.ts

@@ -0,0 +1 @@
+export { default as DescriptionIcon } from './DescriptionIcon';

src/icons/index.ts

@@ -26,6 +26,7 @@ export * from './Dashboard';
 export * from './DataObject';
 export * from './Delete';
 export * from './Deploy';
+export * from './Description';
 export * from './Designer';
 export * from './Detail';
 export * from './DropDownIcon';