From b476b774858ba7f8f3c69883ebaa8a02740822ec Mon Sep 17 00:00:00 2001 From: Michio Date: Wed, 29 Nov 2023 14:42:09 +0800 Subject: [PATCH] chore: added illustration icons --- .env.example | 3 +- package.json | 3 +- scripts/illustrations.figma.config.ts | 31 ++++ scripts/stories-configs/illustrations.ts | 13 ++ scripts/svgr-configs/illustrations.ts | 92 ++++++++++++ src/index.ts | 1 + src/react/Illustration/DarkDependableIcon.tsx | 135 ++++++++++++++++++ src/react/Illustration/DarkRegulatedIcon.tsx | 95 ++++++++++++ .../Illustration/DarkSafeAndSecureIcon.tsx | 95 ++++++++++++ .../DarkTwentyFourSevenSupportIcon.tsx | 83 +++++++++++ .../Illustration/LightDependableIcon.tsx | 135 ++++++++++++++++++ src/react/Illustration/LightRegulatedIcon.tsx | 95 ++++++++++++ .../Illustration/LightSafeAndSecureIcon.tsx | 95 ++++++++++++ .../LightTwentyFourSevenSupportIcon.tsx | 83 +++++++++++ src/react/Illustration/index.ts | 8 ++ stories/DarkDependableIcon.stories.tsx | 23 +++ stories/DarkRegulatedIcon.stories.tsx | 23 +++ stories/DarkSafeAndSecureIcon.stories.tsx | 23 +++ ...DarkTwentyFourSevenSupportIcon.stories.tsx | 23 +++ stories/LightDependableIcon.stories.tsx | 23 +++ stories/LightRegulatedIcon.stories.tsx | 23 +++ stories/LightSafeAndSecureIcon.stories.tsx | 23 +++ ...ightTwentyFourSevenSupportIcon.stories.tsx | 23 +++ .../IllustrationDarkDependable.svg | 66 +++++++++ .../IllustrationDarkRegulated.svg | 43 ++++++ .../IllustrationDarkSafeAndSecure.svg | 46 ++++++ ...IllustrationDarkTwentyFourSevenSupport.svg | 46 ++++++ .../IllustrationLightDependable.svg | 66 +++++++++ .../IllustrationLightRegulated.svg | 43 ++++++ .../IllustrationLightSafeAndSecure.svg | 46 ++++++ ...llustrationLightTwentyFourSevenSupport.svg | 46 ++++++ 31 files changed, 1550 insertions(+), 3 deletions(-) create mode 100644 scripts/illustrations.figma.config.ts create mode 100644 scripts/stories-configs/illustrations.ts create mode 100644 scripts/svgr-configs/illustrations.ts create mode 100644 src/react/Illustration/DarkDependableIcon.tsx create mode 100644 src/react/Illustration/DarkRegulatedIcon.tsx create mode 100644 src/react/Illustration/DarkSafeAndSecureIcon.tsx create mode 100644 src/react/Illustration/DarkTwentyFourSevenSupportIcon.tsx create mode 100644 src/react/Illustration/LightDependableIcon.tsx create mode 100644 src/react/Illustration/LightRegulatedIcon.tsx create mode 100644 src/react/Illustration/LightSafeAndSecureIcon.tsx create mode 100644 src/react/Illustration/LightTwentyFourSevenSupportIcon.tsx create mode 100644 src/react/Illustration/index.ts create mode 100644 stories/DarkDependableIcon.stories.tsx create mode 100644 stories/DarkRegulatedIcon.stories.tsx create mode 100644 stories/DarkSafeAndSecureIcon.stories.tsx create mode 100644 stories/DarkTwentyFourSevenSupportIcon.stories.tsx create mode 100644 stories/LightDependableIcon.stories.tsx create mode 100644 stories/LightRegulatedIcon.stories.tsx create mode 100644 stories/LightSafeAndSecureIcon.stories.tsx create mode 100644 stories/LightTwentyFourSevenSupportIcon.stories.tsx create mode 100644 svg/Illustration/IllustrationDarkDependable.svg create mode 100644 svg/Illustration/IllustrationDarkRegulated.svg create mode 100644 svg/Illustration/IllustrationDarkSafeAndSecure.svg create mode 100644 svg/Illustration/IllustrationDarkTwentyFourSevenSupport.svg create mode 100644 svg/Illustration/IllustrationLightDependable.svg create mode 100644 svg/Illustration/IllustrationLightRegulated.svg create mode 100644 svg/Illustration/IllustrationLightSafeAndSecure.svg create mode 100644 svg/Illustration/IllustrationLightTwentyFourSevenSupport.svg diff --git a/.env.example b/.env.example index 9cb8211eb4..508a27bf02 100644 --- a/.env.example +++ b/.env.example @@ -1,2 +1 @@ -FIGMA_TOKEN=your_figma_access_token -FILD_ID=figma_icons_file_id \ No newline at end of file +FIGMA_TOKEN=your_figma_access_token \ No newline at end of file diff --git a/package.json b/package.json index bd2d3aa191..812d194c39 100644 --- a/package.json +++ b/package.json @@ -56,7 +56,8 @@ "clean": "rimraf stories src/es6 src/react src/index.ts svg storybook-static sprite", "export:icons": "ts-node ./node_modules/@figma-export/cli/bin/run use-config ./scripts/figma.config.ts", "export:logos": "ts-node ./node_modules/@figma-export/cli/bin/run use-config ./scripts/logo.figma.config.ts", - "export:figma": "npm-run-all export:icons export:logos", + "export:illustrations": "ts-node ./node_modules/@figma-export/cli/bin/run use-config ./scripts/illustrations.figma.config.ts", + "export:figma": "npm-run-all export:icons export:logos export:illustrations", "rexport": "npm-run-all clean export:figma format", "export:barrels": "barrelsby -c barrelsby.config.json", "export": "npm-run-all clean export:figma export:barrels format", diff --git a/scripts/illustrations.figma.config.ts b/scripts/illustrations.figma.config.ts new file mode 100644 index 0000000000..f6625c940b --- /dev/null +++ b/scripts/illustrations.figma.config.ts @@ -0,0 +1,31 @@ +import outPutSvgrComponent from '@figma-export/output-components-as-svgr'; +import outPutSvg from '@figma-export/output-components-as-svg'; +import { ComponentOutputter, FigmaExportRC } from '@figma-export/types'; +import dotenv from 'dotenv'; +import outPutStories from './outputters/stories'; +import { SvgOutPutConfig } from './svg-configs'; +import { IllustrationSvgReactOutPutConfig } from './svgr-configs/illustrations'; +import { IllustrationStoriesOptions } from './stories-configs/illustrations'; + +dotenv.config(); + +const fileId: string = 'Ue059kUMFtzTSIgpHqLL9H'; + +const outputters: ComponentOutputter[] = [ + outPutSvg(SvgOutPutConfig), + outPutSvgrComponent(IllustrationSvgReactOutPutConfig), + outPutStories(IllustrationStoriesOptions), +]; + +(module.exports as FigmaExportRC) = { + commands: [ + [ + 'components', + { + fileId, + onlyFromPages: ['illustration'], + outputters, + }, + ], + ], +}; diff --git a/scripts/stories-configs/illustrations.ts b/scripts/stories-configs/illustrations.ts new file mode 100644 index 0000000000..4eb802b785 --- /dev/null +++ b/scripts/stories-configs/illustrations.ts @@ -0,0 +1,13 @@ +import { OutPutStoriesOptions } from '../outputters/stories'; +import { getIllustrationComponentName } from '../svgr-configs/illustrations'; +import { generateLogoStorybook } from '../templates/logo-story.template'; +import { getDirName } from '../utils/figma.utils'; + +export const IllustrationStoriesOptions: OutPutStoriesOptions = { + getDirName, + getComponentName: getIllustrationComponentName, + getCategoryName: ({ pageName }) => { + return 'Illustrations'; + }, + getStorybookGenerator: generateLogoStorybook, +}; diff --git a/scripts/svgr-configs/illustrations.ts b/scripts/svgr-configs/illustrations.ts new file mode 100644 index 0000000000..78d9e68811 --- /dev/null +++ b/scripts/svgr-configs/illustrations.ts @@ -0,0 +1,92 @@ +import { ComponentOutputterParamOption } from '@figma-export/types'; +import { Config } from '@svgr/core'; +import { SVGR_COMPONENT_OUT_PUT_PATH } from '../utils/figma.constants'; +import { + getDirName, + getExportTemplate, + getFileDescriptor, + isMd, + makeVariableName, +} from '../utils/figma.utils'; +import * as FigmaExport from '@figma-export/types'; +import { pascalCase } from '@figma-export/utils'; +import { Config as OptimizeOptions } from 'svgo'; + +interface Options { + output: string; + getDirname?: (options: ComponentOutputterParamOption) => string; + getComponentName?: (options: ComponentOutputterParamOption) => string; + getComponentFilename?: (options: ComponentOutputterParamOption) => string; + getFileExtension?: (options: ComponentOutputterParamOption) => string; + getExportTemplate?: (options: ComponentOutputterParamOption) => string; + /** + * SVGR ships with a handful of customizable options, usable in both the CLI and API. + * https://react-svgr.com/docs/options/ + */ + getSvgrConfig?: (options: ComponentOutputterParamOption) => Config; +} + +function getVarNameByFileDC(fileDescriptor: ReturnType) { + const names: Array = []; + const fileDescriptorKeys = Object.keys(fileDescriptor) as Array; + fileDescriptorKeys.forEach((key) => { + if (fileDescriptor[key] !== undefined && !isMd(fileDescriptor[key]) && key !== 'category') { + names.push(fileDescriptor[key]); + } + }); + + const joinedNames = names.join('_'); + const variableName = makeVariableName(joinedNames); + return variableName; +} + +export const getIllustrationComponentName = ( + options: FigmaExport.ComponentOutputterParamOption, +) => { + const fileDescriptor = getFileDescriptor(options); + const variableName = getVarNameByFileDC(fileDescriptor); + return `${pascalCase(variableName)}Icon`; +}; + +export const IllustrationSvgReactOutPutConfig: Options = { + output: SVGR_COMPONENT_OUT_PUT_PATH, + getDirname: getDirName, + getFileExtension: () => { + return '.tsx'; + }, + getComponentName: getIllustrationComponentName, + getComponentFilename: getIllustrationComponentName, + getExportTemplate: (options) => { + const reactComponentName = getIllustrationComponentName(options); + const reactComponentFilename = getIllustrationComponentName(options); + return getExportTemplate({ reactComponentFilename, reactComponentName }); + }, + getSvgrConfig: () => { + const svgoConfig: OptimizeOptions = { + plugins: [ + { + name: 'preset-default', + params: { + overrides: { + removeViewBox: false, + }, + }, + }, + 'removeComments', + 'removeUselessStrokeAndFill', + ], + }; + return { + ref: true, + svgProps: { + role: 'img', + }, + typescript: true, + svgo: true, + icon: true, + plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx', '@svgr/plugin-prettier'], + svgoConfig, + dimensions: false, + }; + }, +}; diff --git a/src/index.ts b/src/index.ts index adfb74f6b5..f5da81a12b 100644 --- a/src/index.ts +++ b/src/index.ts @@ -4,6 +4,7 @@ export * from './react/Currencies/index'; export * from './react/Flags/index'; +export * from './react/Illustration/index'; export * from './react/Illustrative/index'; export * from './react/LabelPaired/index'; export * from './react/Logo/index'; diff --git a/src/react/Illustration/DarkDependableIcon.tsx b/src/react/Illustration/DarkDependableIcon.tsx new file mode 100644 index 0000000000..2762a92a54 --- /dev/null +++ b/src/react/Illustration/DarkDependableIcon.tsx @@ -0,0 +1,135 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const DarkDependableIcon = (props: SVGProps, ref: Ref) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(DarkDependableIcon); +export default ForwardRef; diff --git a/src/react/Illustration/DarkRegulatedIcon.tsx b/src/react/Illustration/DarkRegulatedIcon.tsx new file mode 100644 index 0000000000..0761c27ff5 --- /dev/null +++ b/src/react/Illustration/DarkRegulatedIcon.tsx @@ -0,0 +1,95 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const DarkRegulatedIcon = (props: SVGProps, ref: Ref) => ( + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(DarkRegulatedIcon); +export default ForwardRef; diff --git a/src/react/Illustration/DarkSafeAndSecureIcon.tsx b/src/react/Illustration/DarkSafeAndSecureIcon.tsx new file mode 100644 index 0000000000..3f9684abab --- /dev/null +++ b/src/react/Illustration/DarkSafeAndSecureIcon.tsx @@ -0,0 +1,95 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const DarkSafeAndSecureIcon = (props: SVGProps, ref: Ref) => ( + + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(DarkSafeAndSecureIcon); +export default ForwardRef; diff --git a/src/react/Illustration/DarkTwentyFourSevenSupportIcon.tsx b/src/react/Illustration/DarkTwentyFourSevenSupportIcon.tsx new file mode 100644 index 0000000000..2cd8c4bfb7 --- /dev/null +++ b/src/react/Illustration/DarkTwentyFourSevenSupportIcon.tsx @@ -0,0 +1,83 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const DarkTwentyFourSevenSupportIcon = ( + props: SVGProps, + ref: Ref, +) => ( + + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(DarkTwentyFourSevenSupportIcon); +export default ForwardRef; diff --git a/src/react/Illustration/LightDependableIcon.tsx b/src/react/Illustration/LightDependableIcon.tsx new file mode 100644 index 0000000000..552d503e02 --- /dev/null +++ b/src/react/Illustration/LightDependableIcon.tsx @@ -0,0 +1,135 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const LightDependableIcon = (props: SVGProps, ref: Ref) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(LightDependableIcon); +export default ForwardRef; diff --git a/src/react/Illustration/LightRegulatedIcon.tsx b/src/react/Illustration/LightRegulatedIcon.tsx new file mode 100644 index 0000000000..fee1d226fa --- /dev/null +++ b/src/react/Illustration/LightRegulatedIcon.tsx @@ -0,0 +1,95 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const LightRegulatedIcon = (props: SVGProps, ref: Ref) => ( + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(LightRegulatedIcon); +export default ForwardRef; diff --git a/src/react/Illustration/LightSafeAndSecureIcon.tsx b/src/react/Illustration/LightSafeAndSecureIcon.tsx new file mode 100644 index 0000000000..139f4de30a --- /dev/null +++ b/src/react/Illustration/LightSafeAndSecureIcon.tsx @@ -0,0 +1,95 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const LightSafeAndSecureIcon = (props: SVGProps, ref: Ref) => ( + + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(LightSafeAndSecureIcon); +export default ForwardRef; diff --git a/src/react/Illustration/LightTwentyFourSevenSupportIcon.tsx b/src/react/Illustration/LightTwentyFourSevenSupportIcon.tsx new file mode 100644 index 0000000000..d80222ac3a --- /dev/null +++ b/src/react/Illustration/LightTwentyFourSevenSupportIcon.tsx @@ -0,0 +1,83 @@ +import * as React from 'react'; +import { SVGProps, Ref, forwardRef } from 'react'; +const LightTwentyFourSevenSupportIcon = ( + props: SVGProps, + ref: Ref, +) => ( + + + + + + + + + + + + + + + + + + + + + + +); +const ForwardRef = forwardRef(LightTwentyFourSevenSupportIcon); +export default ForwardRef; diff --git a/src/react/Illustration/index.ts b/src/react/Illustration/index.ts new file mode 100644 index 0000000000..aa7900f1ef --- /dev/null +++ b/src/react/Illustration/index.ts @@ -0,0 +1,8 @@ +export { default as DarkTwentyFourSevenSupportIcon } from './DarkTwentyFourSevenSupportIcon'; +export { default as DarkSafeAndSecureIcon } from './DarkSafeAndSecureIcon'; +export { default as DarkRegulatedIcon } from './DarkRegulatedIcon'; +export { default as DarkDependableIcon } from './DarkDependableIcon'; +export { default as LightDependableIcon } from './LightDependableIcon'; +export { default as LightSafeAndSecureIcon } from './LightSafeAndSecureIcon'; +export { default as LightRegulatedIcon } from './LightRegulatedIcon'; +export { default as LightTwentyFourSevenSupportIcon } from './LightTwentyFourSevenSupportIcon'; diff --git a/stories/DarkDependableIcon.stories.tsx b/stories/DarkDependableIcon.stories.tsx new file mode 100644 index 0000000000..8c6686e50f --- /dev/null +++ b/stories/DarkDependableIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { DarkDependableIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/DarkDependableIcon', + component: DarkDependableIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/stories/DarkRegulatedIcon.stories.tsx b/stories/DarkRegulatedIcon.stories.tsx new file mode 100644 index 0000000000..40d25a95aa --- /dev/null +++ b/stories/DarkRegulatedIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { DarkRegulatedIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/DarkRegulatedIcon', + component: DarkRegulatedIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/stories/DarkSafeAndSecureIcon.stories.tsx b/stories/DarkSafeAndSecureIcon.stories.tsx new file mode 100644 index 0000000000..7ed4c2278b --- /dev/null +++ b/stories/DarkSafeAndSecureIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { DarkSafeAndSecureIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/DarkSafeAndSecureIcon', + component: DarkSafeAndSecureIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/stories/DarkTwentyFourSevenSupportIcon.stories.tsx b/stories/DarkTwentyFourSevenSupportIcon.stories.tsx new file mode 100644 index 0000000000..4e25f5051b --- /dev/null +++ b/stories/DarkTwentyFourSevenSupportIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { DarkTwentyFourSevenSupportIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/DarkTwentyFourSevenSupportIcon', + component: DarkTwentyFourSevenSupportIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/stories/LightDependableIcon.stories.tsx b/stories/LightDependableIcon.stories.tsx new file mode 100644 index 0000000000..4db217e6e0 --- /dev/null +++ b/stories/LightDependableIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { LightDependableIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/LightDependableIcon', + component: LightDependableIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/stories/LightRegulatedIcon.stories.tsx b/stories/LightRegulatedIcon.stories.tsx new file mode 100644 index 0000000000..a485c25dfa --- /dev/null +++ b/stories/LightRegulatedIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { LightRegulatedIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/LightRegulatedIcon', + component: LightRegulatedIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/stories/LightSafeAndSecureIcon.stories.tsx b/stories/LightSafeAndSecureIcon.stories.tsx new file mode 100644 index 0000000000..f2dd423892 --- /dev/null +++ b/stories/LightSafeAndSecureIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { LightSafeAndSecureIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/LightSafeAndSecureIcon', + component: LightSafeAndSecureIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/stories/LightTwentyFourSevenSupportIcon.stories.tsx b/stories/LightTwentyFourSevenSupportIcon.stories.tsx new file mode 100644 index 0000000000..e9c79cd467 --- /dev/null +++ b/stories/LightTwentyFourSevenSupportIcon.stories.tsx @@ -0,0 +1,23 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { LightTwentyFourSevenSupportIcon } from '../src/react/Illustration'; + +const meta = { + title: 'Illustrations/LightTwentyFourSevenSupportIcon', + component: LightTwentyFourSevenSupportIcon, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Primary: Story = { + args: { + width: '128px', + height: '128px', + }, +}; diff --git a/svg/Illustration/IllustrationDarkDependable.svg b/svg/Illustration/IllustrationDarkDependable.svg new file mode 100644 index 0000000000..7a7805bf52 --- /dev/null +++ b/svg/Illustration/IllustrationDarkDependable.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/Illustration/IllustrationDarkRegulated.svg b/svg/Illustration/IllustrationDarkRegulated.svg new file mode 100644 index 0000000000..7baff0f9aa --- /dev/null +++ b/svg/Illustration/IllustrationDarkRegulated.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/Illustration/IllustrationDarkSafeAndSecure.svg b/svg/Illustration/IllustrationDarkSafeAndSecure.svg new file mode 100644 index 0000000000..5fe7133762 --- /dev/null +++ b/svg/Illustration/IllustrationDarkSafeAndSecure.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/Illustration/IllustrationDarkTwentyFourSevenSupport.svg b/svg/Illustration/IllustrationDarkTwentyFourSevenSupport.svg new file mode 100644 index 0000000000..4416ed6e3d --- /dev/null +++ b/svg/Illustration/IllustrationDarkTwentyFourSevenSupport.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/Illustration/IllustrationLightDependable.svg b/svg/Illustration/IllustrationLightDependable.svg new file mode 100644 index 0000000000..a9169130a3 --- /dev/null +++ b/svg/Illustration/IllustrationLightDependable.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/Illustration/IllustrationLightRegulated.svg b/svg/Illustration/IllustrationLightRegulated.svg new file mode 100644 index 0000000000..2e3f5bb57e --- /dev/null +++ b/svg/Illustration/IllustrationLightRegulated.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/Illustration/IllustrationLightSafeAndSecure.svg b/svg/Illustration/IllustrationLightSafeAndSecure.svg new file mode 100644 index 0000000000..c7f29369cc --- /dev/null +++ b/svg/Illustration/IllustrationLightSafeAndSecure.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/Illustration/IllustrationLightTwentyFourSevenSupport.svg b/svg/Illustration/IllustrationLightTwentyFourSevenSupport.svg new file mode 100644 index 0000000000..c585b6cd20 --- /dev/null +++ b/svg/Illustration/IllustrationLightTwentyFourSevenSupport.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +