diff --git a/src/icons/CategoryIcon/CategoryIcon.tsx b/src/icons/CategoryIcon/CategoryIcon.tsx new file mode 100644 index 000000000..9da9672db --- /dev/null +++ b/src/icons/CategoryIcon/CategoryIcon.tsx @@ -0,0 +1,36 @@ +import { FC } from 'react'; +import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants'; +import { CARIBBEAN_GREEN, DARK_SLATE_GRAY, KEPPEL, useTheme } from '../../theme'; +import { CustomIconProps } from '../types'; + +export const CategoryIcon: FC = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + primaryFill, + secondaryFill, + style = {}, + ...props +}) => { + const theme = useTheme(); + const themeMode = theme?.palette?.mode ?? 'light'; + const themePrimaryFill = primaryFill ?? (themeMode === 'dark' ? KEPPEL : DARK_SLATE_GRAY); + const themeSecondaryFill = secondaryFill ?? (themeMode === 'dark' ? CARIBBEAN_GREEN : KEPPEL); + + return ( + + + + + + ); +}; diff --git a/src/icons/CategoryIcon/index.tsx b/src/icons/CategoryIcon/index.tsx new file mode 100644 index 000000000..48216cb7c --- /dev/null +++ b/src/icons/CategoryIcon/index.tsx @@ -0,0 +1 @@ +export { default as CategoryIcon } from './CategoryIcon'; \ No newline at end of file diff --git a/src/icons/index.ts b/src/icons/index.ts index 4c04716a4..7fca8a010 100644 --- a/src/icons/index.ts +++ b/src/icons/index.ts @@ -22,6 +22,7 @@ export * from './Calender'; export * from './Cancel'; export * from './CaretDown'; export * from './CatalogIcon'; +export * from './CategoryIcon'; export * from './Chain'; export * from './Challenges'; export * from './Chat';