Merge pull request #1298 from Rajesh-Nagarajan-11/Discuss-forum-icon

feat: add discuss forum icon

Author: saurabhraghuvanshii

src/icons/DiscussForum/DiscussForumIcon.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { DiscussForumIconProps } from './types';
+
+const DiscussForumIcon: React.FC<DiscussForumIconProps> = ({
+  width = '24px',
+  height = '24px',
+  fill,
+  primaryColor = '#231f20',
+  secondaryColor = '#fff9ae',
+  tertiaryColor = '#00aeef',
+  quaternaryColor = '#00a94f',
+  quinaryColor = '#f15d22',
+  senaryColor = '#e31b23',
+  className,
+  style
+}) => {
+  const color1 = fill || primaryColor;
+  const color2 = fill || secondaryColor;
+  const color3 = fill || tertiaryColor;
+  const color4 = fill || quaternaryColor;
+  const color5 = fill || quinaryColor;
+  const color6 = fill || senaryColor;
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 -1 104 106"
+      width={width}
+      height={height}
+      className={className}
+      style={style}
+    >
+      <defs></defs>
+      {!fill && (
+        <path fill={color1} d="M51.87,0C23.71,0,0,22.83,0,51c0,.91,0,52.81,0,52.81l51.86-.05c28.16,0,51-23.71,51-51.87S80,0,51.87,0Z"/>
+      )}
+      <path fill={color2} d="M52.37,19.74A31.62,31.62,0,0,0,24.58,66.41l-5.72,18.4L39.4,80.17a31.61,31.61,0,1,0,13-60.43Z"/>
+      {!fill && (
+        <>
+          <path fill={color3} d="M77.45,32.12a31.6,31.6,0,0,1-38.05,48L18.86,84.82l20.91-2.47A31.6,31.6,0,0,0,77.45,32.12Z"/>
+          <path fill={color4} d="M71.63,26.29A31.6,31.6,0,0,1,38.8,78L18.86,84.82,39.4,80.17A31.6,31.6,0,0,0,71.63,26.29Z"/>
+          <path fill={color5} d="M26.47,67.11a31.61,31.61,0,0,1,51-35A31.61,31.61,0,0,0,24.58,66.41l-5.72,18.4Z"/>
+          <path fill={color6} d="M24.58,66.41A31.61,31.61,0,0,1,71.63,26.29a31.61,31.61,0,0,0-49,39.63l-3.76,18.9Z"/>
+        </>
+      )}
+    </svg>
+  );
+};
+
+export default DiscussForumIcon;

src/icons/DiscussForum/index.tsx

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

src/icons/DiscussForum/types.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export interface DiscussForumIconProps {
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+  primaryColor?: string;
+  secondaryColor?: string;
+  tertiaryColor?: string;
+  quaternaryColor?: string;
+  quinaryColor?: string;
+  senaryColor?: string;
+  className?: string;
+  style?: React.CSSProperties;
+}

src/icons/index.ts

@@ -53,6 +53,7 @@ export * from './ContentClassIcons';
 export * from './Database';
 export * from './Deployments';
 export * from './Design';
+export * from './DiscussForum';
 export * from './Document';
 export * from './Done';
 export * from './Download';