diff --git a/src/components/index.ts b/src/components/index.ts index 700449c..998699e 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -106,6 +106,10 @@ export * from './social-icons/Reddit'; export * from './social-icons/Twitter'; export * from './social-icons/Wikipedia'; export * from './social-icons/Youtube'; +export * from './social-icons/Docs/Docs'; +export * from './social-icons/Docs/Docs16'; +export * from './social-icons/Docs/Docs24'; +export * from './social-icons/Docs/Docs32'; export * from './DataBlock'; export * from './DataBox'; diff --git a/src/components/social-icons/Docs.tsx b/src/components/social-icons/Docs.tsx deleted file mode 100644 index a7fbcfe..0000000 --- a/src/components/social-icons/Docs.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import React, { FC } from 'react'; -import { ISocialIconProps } from './type'; - -export const IconDocs: FC = ({ - size = 16, - color = 'currentColor', -}) => { - const size18 = ( - - - - - - - - - ); - - const size24 = ( - - - - - - - - - ); - - switch (size.toString()) { - case '16': - return size18; - case '24': - return size24; - default: - return size18; - } -}; diff --git a/src/components/social-icons/Docs/Docs.tsx b/src/components/social-icons/Docs/Docs.tsx new file mode 100644 index 0000000..af0df02 --- /dev/null +++ b/src/components/social-icons/Docs/Docs.tsx @@ -0,0 +1,21 @@ +import React, { FC } from 'react'; +import { ISocialIconProps } from '../type'; +import { IconDocs16 } from './Docs16'; +import { IconDocs24 } from './Docs24'; +import { IconDocs32 } from './Docs32'; + +export const DocsMenu: FC = ({ + size = 16, + color = 'currentColor', +}) => { + switch (size.toString()) { + case '16': + return ; + case '24': + return ; + case '32': + return ; + default: + return ; + } +}; diff --git a/src/components/social-icons/Docs/Docs16.tsx b/src/components/social-icons/Docs/Docs16.tsx new file mode 100644 index 0000000..8359a6b --- /dev/null +++ b/src/components/social-icons/Docs/Docs16.tsx @@ -0,0 +1,40 @@ +import React, { FC } from 'react'; +import { ISocialIconProps } from '../type'; + +export const IconDocs16: FC = ({ + size = 16, + color = 'currentColor', +}) => ( + + + + + + + + +); diff --git a/src/components/social-icons/Docs/Docs24.tsx b/src/components/social-icons/Docs/Docs24.tsx new file mode 100644 index 0000000..de7e726 --- /dev/null +++ b/src/components/social-icons/Docs/Docs24.tsx @@ -0,0 +1,40 @@ +import React, { FC } from 'react'; +import { ISocialIconProps } from '../type'; + +export const IconDocs24: FC = ({ + size = 24, + color = 'currentColor', +}) => ( + + + + + + + + +); diff --git a/src/components/social-icons/Docs/Docs32.tsx b/src/components/social-icons/Docs/Docs32.tsx new file mode 100644 index 0000000..9dd4ebd --- /dev/null +++ b/src/components/social-icons/Docs/Docs32.tsx @@ -0,0 +1,40 @@ +import React, { FC } from 'react'; +import { ISocialIconProps } from '../type'; + +export const IconDocs32: FC = ({ + size = 32, + color = 'currentColor', +}) => ( + + + + + + + + +); diff --git a/src/components/social-icons/type.ts b/src/components/social-icons/type.ts index d37e8ce..8509056 100644 --- a/src/components/social-icons/type.ts +++ b/src/components/social-icons/type.ts @@ -1,4 +1,4 @@ export interface ISocialIconProps { color?: string; - size?: 18 | 24; + size?: 18 | 24 | 32 | number; }