fix(components): refactor ColumnIcon (#200)

Signed-off-by: Antonette Caldwell <[email protected]>

packages/svg/src/icons/Column/ColumnIcon.tsx

@@ -0,0 +1,24 @@
+import React, { SVGProps } from 'react';
+import { CARIBBEAN_GREEN_FILL, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
+
+const ColumnIcon: React.FC<SVGProps<SVGSVGElement>> = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = CARIBBEAN_GREEN_FILL,
+  ...props
+}) => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 -960 960 960"
+      fill={fill}
+      {...props}
+    >
+      <path d="M120-200v-560h220v560H120Zm250 0v-560h220v560H370Zm250 0v-560h220v560H620Z" />
+    </svg>
+  );
+};
+
+export default ColumnIcon;

packages/svg/src/icons/Column/index.tsx

@@ -1 +1 @@
-export { default as ColumnIcon } from './columnIcon';
+export { default as ColumnIcon } from './ColumnIcon';

packages/svg/src/icons/index.ts

@@ -7,6 +7,7 @@ export * from './Circle';
 export * from './Clone';
 export * from './Close';
 export * from './Cloud';
+export * from './Column';
 export * from './Component';
 export * from './Configuration';
 export * from './Copy';