From f9f7b1a4899fc54549b286e027775d2acb394491 Mon Sep 17 00:00:00 2001 From: neretinaa Date: Tue, 29 Mar 2022 17:28:50 +0700 Subject: [PATCH 1/2] feat(plasma-icons): Add other icons for `24 dp` and `16 dp` --- .../scalable/Icon.assets.16/Battery100.tsx | 10 +++ .../src/scalable/Icon.assets.16/Battery20.tsx | 10 +++ .../src/scalable/Icon.assets.16/Battery40.tsx | 10 +++ .../src/scalable/Icon.assets.16/Battery60.tsx | 10 +++ .../src/scalable/Icon.assets.16/Battery80.tsx | 10 +++ .../scalable/Icon.assets.16/BatteryCharge.tsx | 15 +++++ .../scalable/Icon.assets.16/BatteryEmpty.tsx | 9 +++ .../scalable/Icon.assets.16/DoorClosed.tsx | 15 +++++ .../src/scalable/Icon.assets.16/DoorOpen.tsx | 14 +++++ .../src/scalable/Icon.assets.16/Flood.tsx | 19 ++++++ .../src/scalable/Icon.assets.16/Humidity.tsx | 12 ++++ .../src/scalable/Icon.assets.16/Motion.tsx | 14 +++++ .../src/scalable/Icon.assets.16/Smoke.tsx | 26 ++++++++ .../scalable/Icon.assets.16/Temperature.tsx | 14 +++++ .../src/scalable/Icon.assets.16/index.ts | 28 +++++++++ .../src/scalable/Icon.assets.24/Backward.tsx | 24 +++++++ .../src/scalable/Icon.assets.24/Cam.tsx | 15 +++++ .../src/scalable/Icon.assets.24/Flood.tsx | 18 ++++++ .../src/scalable/Icon.assets.24/Forward.tsx | 24 +++++++ .../scalable/Icon.assets.24/Fullscreen.tsx | 40 ++++++++++++ .../Icon.assets.24/FullscreenExit.tsx | 40 ++++++++++++ .../src/scalable/Icon.assets.24/Humidity.tsx | 12 ++++ .../src/scalable/Icon.assets.24/Jcb.tsx | 14 +++++ .../scalable/Icon.assets.24/MasterCard.tsx | 14 +++++ .../src/scalable/Icon.assets.24/Mir.tsx | 16 +++++ .../Icon.assets.24/MobileFrontOutline.tsx | 14 +++++ .../src/scalable/Icon.assets.24/Motion.tsx | 14 +++++ .../src/scalable/Icon.assets.24/Okko.tsx | 14 +++++ .../scalable/Icon.assets.24/OtherDevices.tsx | 14 +++++ .../src/scalable/Icon.assets.24/Picture.tsx | 14 +++++ .../src/scalable/Icon.assets.24/QualityHd.tsx | 19 ++++++ .../src/scalable/Icon.assets.24/QualitySd.tsx | 23 +++++++ .../src/scalable/Icon.assets.24/Record.tsx | 10 +++ .../src/scalable/Icon.assets.24/Rotate.tsx | 14 +++++ .../src/scalable/Icon.assets.24/Rotate90.tsx | 43 +++++++++++++ .../src/scalable/Icon.assets.24/Salute.tsx | 14 +++++ .../scalable/Icon.assets.24/SaluteCircle.tsx | 12 ++++ .../src/scalable/Icon.assets.24/Sber.tsx | 14 +++++ .../src/scalable/Icon.assets.24/SberAlt1.tsx | 16 +++++ .../scalable/Icon.assets.24/SberDevices.tsx | 16 +++++ .../Icon.assets.24/SberportalFrontOutline.tsx | 14 +++++ .../src/scalable/Icon.assets.24/Scenario.tsx | 32 ++++++++++ .../src/scalable/Icon.assets.24/Smoke.tsx | 26 ++++++++ .../scalable/Icon.assets.24/Temperature.tsx | 14 +++++ .../scalable/Icon.assets.24/VideoArchive.tsx | 14 +++++ .../src/scalable/Icon.assets.24/Visa.tsx | 16 +++++ .../src/scalable/Icon.assets.24/index.ts | 62 +++++++++++++++++++ .../src/scalable/Icons/IconBackward.tsx | 7 +++ .../src/scalable/Icons/IconBattery100.tsx | 7 +++ .../src/scalable/Icons/IconBattery20.tsx | 7 +++ .../src/scalable/Icons/IconBattery40.tsx | 7 +++ .../src/scalable/Icons/IconBattery60.tsx | 7 +++ .../src/scalable/Icons/IconBattery80.tsx | 7 +++ .../src/scalable/Icons/IconBatteryCharge.tsx | 7 +++ .../src/scalable/Icons/IconBatteryEmpty.tsx | 7 +++ .../src/scalable/Icons/IconCam.tsx | 7 +++ .../src/scalable/Icons/IconDoorClosed.tsx | 7 +++ .../src/scalable/Icons/IconDoorOpen.tsx | 7 +++ .../src/scalable/Icons/IconFlood.tsx | 7 +++ .../src/scalable/Icons/IconForward.tsx | 7 +++ .../src/scalable/Icons/IconFullscreen.tsx | 7 +++ .../src/scalable/Icons/IconFullscreenExit.tsx | 7 +++ .../src/scalable/Icons/IconHumidity.tsx | 7 +++ .../src/scalable/Icons/IconJcb.tsx | 7 +++ .../src/scalable/Icons/IconMasterCard.tsx | 7 +++ .../src/scalable/Icons/IconMir.tsx | 7 +++ .../scalable/Icons/IconMobileFrontOutline.tsx | 7 +++ .../src/scalable/Icons/IconMotion.tsx | 7 +++ .../src/scalable/Icons/IconOkko.tsx | 7 +++ .../src/scalable/Icons/IconOtherDevices.tsx | 7 +++ .../src/scalable/Icons/IconPicture.tsx | 7 +++ .../src/scalable/Icons/IconQualityHd.tsx | 7 +++ .../src/scalable/Icons/IconQualitySd.tsx | 7 +++ .../src/scalable/Icons/IconRecord.tsx | 7 +++ .../src/scalable/Icons/IconRotate.tsx | 7 +++ .../src/scalable/Icons/IconRotate90.tsx | 7 +++ .../src/scalable/Icons/IconSalute.tsx | 7 +++ .../src/scalable/Icons/IconSaluteCircle.tsx | 7 +++ .../src/scalable/Icons/IconSber.tsx | 7 +++ .../src/scalable/Icons/IconSberAlt1.tsx | 7 +++ .../src/scalable/Icons/IconSberDevices.tsx | 7 +++ .../Icons/IconSberportalFrontOutline.tsx | 7 +++ .../src/scalable/Icons/IconScenario.tsx | 7 +++ .../src/scalable/Icons/IconSmoke.tsx | 7 +++ .../src/scalable/Icons/IconTemperature.tsx | 7 +++ .../src/scalable/Icons/IconVideoArchive.tsx | 7 +++ .../src/scalable/Icons/IconVisa.tsx | 7 +++ packages/plasma-icons/src/scalable/index.ts | 40 ++++++++++++ 88 files changed, 1182 insertions(+) create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Battery100.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Battery20.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Battery40.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Battery60.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Battery80.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/BatteryCharge.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/BatteryEmpty.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/DoorClosed.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/DoorOpen.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Flood.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Humidity.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Motion.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Smoke.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.16/Temperature.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Backward.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Cam.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Flood.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Forward.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Fullscreen.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/FullscreenExit.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Humidity.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Jcb.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/MasterCard.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Mir.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/MobileFrontOutline.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Motion.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Okko.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/OtherDevices.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Picture.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/QualityHd.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/QualitySd.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Record.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Rotate.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Rotate90.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Salute.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/SaluteCircle.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Sber.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/SberAlt1.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/SberDevices.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/SberportalFrontOutline.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Scenario.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Smoke.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Temperature.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/VideoArchive.tsx create mode 100644 packages/plasma-icons/src/scalable/Icon.assets.24/Visa.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBackward.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBattery100.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBattery20.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBattery40.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBattery60.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBattery80.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBatteryCharge.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconBatteryEmpty.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconCam.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconDoorClosed.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconDoorOpen.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconFlood.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconForward.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconFullscreen.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconFullscreenExit.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconHumidity.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconJcb.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconMasterCard.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconMir.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconMobileFrontOutline.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconMotion.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconOkko.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconOtherDevices.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconPicture.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconQualityHd.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconQualitySd.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconRecord.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconRotate.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconRotate90.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconSalute.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconSaluteCircle.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconSber.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconSberAlt1.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconSberDevices.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconSberportalFrontOutline.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconScenario.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconSmoke.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconTemperature.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconVideoArchive.tsx create mode 100644 packages/plasma-icons/src/scalable/Icons/IconVisa.tsx diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Battery100.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery100.tsx new file mode 100644 index 000000000..2f9919042 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery100.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Battery100: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Battery20.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery20.tsx new file mode 100644 index 000000000..8114b0d84 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery20.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Battery20: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Battery40.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery40.tsx new file mode 100644 index 000000000..3d0d9e429 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery40.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Battery40: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Battery60.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery60.tsx new file mode 100644 index 000000000..becb29976 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery60.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Battery60: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Battery80.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery80.tsx new file mode 100644 index 000000000..2053ba6b0 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Battery80.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Battery80: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/BatteryCharge.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/BatteryCharge.tsx new file mode 100644 index 000000000..e6015609a --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/BatteryCharge.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const BatteryCharge: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/BatteryEmpty.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/BatteryEmpty.tsx new file mode 100644 index 000000000..b0b5ca1d5 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/BatteryEmpty.tsx @@ -0,0 +1,9 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const BatteryEmpty: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/DoorClosed.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/DoorClosed.tsx new file mode 100644 index 000000000..cea5de2a3 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/DoorClosed.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const DoorClosed: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/DoorOpen.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/DoorOpen.tsx new file mode 100644 index 000000000..6695df8a1 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/DoorOpen.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const DoorOpen: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Flood.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Flood.tsx new file mode 100644 index 000000000..000243262 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Flood.tsx @@ -0,0 +1,19 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Flood: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Humidity.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Humidity.tsx new file mode 100644 index 000000000..93af6520c --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Humidity.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Humidity: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Motion.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Motion.tsx new file mode 100644 index 000000000..d153c6781 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Motion.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Motion: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Smoke.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Smoke.tsx new file mode 100644 index 000000000..6a9ee29cc --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Smoke.tsx @@ -0,0 +1,26 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Smoke: React.FC = (props) => ( + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/Temperature.tsx b/packages/plasma-icons/src/scalable/Icon.assets.16/Temperature.tsx new file mode 100644 index 000000000..0d59e6c5f --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/Temperature.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Temperature: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.16/index.ts b/packages/plasma-icons/src/scalable/Icon.assets.16/index.ts index 07a0b34d7..e87b93a61 100644 --- a/packages/plasma-icons/src/scalable/Icon.assets.16/index.ts +++ b/packages/plasma-icons/src/scalable/Icon.assets.16/index.ts @@ -1,7 +1,35 @@ import { Video } from './Video'; +import { Temperature } from './Temperature'; +import { Humidity } from './Humidity'; +import { Motion } from './Motion'; +import { BatteryCharge } from './BatteryCharge'; +import { Battery100 } from './Battery100'; +import { Battery80 } from './Battery80'; +import { Battery60 } from './Battery60'; +import { Battery40 } from './Battery40'; +import { Battery20 } from './Battery20'; +import { BatteryEmpty } from './BatteryEmpty'; +import { DoorClosed } from './DoorClosed'; +import { DoorOpen } from './DoorOpen'; +import { Smoke } from './Smoke'; +import { Flood } from './Flood'; export const iconSet16 = { video: Video, + temperature: Temperature, + humidity: Humidity, + motion: Motion, + batteryCharge: BatteryCharge, + battery100: Battery100, + battery80: Battery80, + battery60: Battery60, + battery40: Battery40, + battery20: Battery20, + batteryEmpty: BatteryEmpty, + doorClosed: DoorClosed, + doorOpen: DoorOpen, + smoke: Smoke, + flood: Flood, }; export type IconSet16 = keyof typeof iconSet16; diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Backward.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Backward.tsx new file mode 100644 index 000000000..961bc37e6 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Backward.tsx @@ -0,0 +1,24 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Backward: React.FC = (props) => ( + + + + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Cam.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Cam.tsx new file mode 100644 index 000000000..2ff68bba2 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Cam.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Cam: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Flood.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Flood.tsx new file mode 100644 index 000000000..cff35831c --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Flood.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Flood: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Forward.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Forward.tsx new file mode 100644 index 000000000..0bf73e4b8 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Forward.tsx @@ -0,0 +1,24 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Forward: React.FC = (props) => ( + + + + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Fullscreen.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Fullscreen.tsx new file mode 100644 index 000000000..a3fd3f945 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Fullscreen.tsx @@ -0,0 +1,40 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Fullscreen: React.FC = (props) => ( + + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/FullscreenExit.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/FullscreenExit.tsx new file mode 100644 index 000000000..697b5cf2e --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/FullscreenExit.tsx @@ -0,0 +1,40 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const FullscreenExit: React.FC = (props) => ( + + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Humidity.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Humidity.tsx new file mode 100644 index 000000000..7b60c65d1 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Humidity.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Humidity: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Jcb.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Jcb.tsx new file mode 100644 index 000000000..c79e4bc1c --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Jcb.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Jcb: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/MasterCard.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/MasterCard.tsx new file mode 100644 index 000000000..200d4d713 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/MasterCard.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const MasterCard: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Mir.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Mir.tsx new file mode 100644 index 000000000..9a02e6fb1 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Mir.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Mir: React.FC = (props) => ( + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/MobileFrontOutline.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/MobileFrontOutline.tsx new file mode 100644 index 000000000..edfe48e45 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/MobileFrontOutline.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const MobileFrontOutline: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Motion.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Motion.tsx new file mode 100644 index 000000000..2091186fd --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Motion.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Motion: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Okko.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Okko.tsx new file mode 100644 index 000000000..385c688ef --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Okko.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Okko: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/OtherDevices.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/OtherDevices.tsx new file mode 100644 index 000000000..d9829dd61 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/OtherDevices.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const OtherDevices: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Picture.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Picture.tsx new file mode 100644 index 000000000..d122e70d5 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Picture.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Picture: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/QualityHd.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/QualityHd.tsx new file mode 100644 index 000000000..f265aa31e --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/QualityHd.tsx @@ -0,0 +1,19 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const QualityHd: React.FC = (props) => ( + + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/QualitySd.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/QualitySd.tsx new file mode 100644 index 000000000..e9d027ff8 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/QualitySd.tsx @@ -0,0 +1,23 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const QualitySd: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Record.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Record.tsx new file mode 100644 index 000000000..5847184a7 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Record.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Record: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Rotate.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Rotate.tsx new file mode 100644 index 000000000..05c456d34 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Rotate.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Rotate: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Rotate90.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Rotate90.tsx new file mode 100644 index 000000000..939a01efb --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Rotate90.tsx @@ -0,0 +1,43 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Rotate90: React.FC = (props) => ( + + + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Salute.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Salute.tsx new file mode 100644 index 000000000..c168063b5 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Salute.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Salute: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/SaluteCircle.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/SaluteCircle.tsx new file mode 100644 index 000000000..1daaff4d3 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/SaluteCircle.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const SaluteCircle: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Sber.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Sber.tsx new file mode 100644 index 000000000..6143fe3f8 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Sber.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Sber: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/SberAlt1.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/SberAlt1.tsx new file mode 100644 index 000000000..bec1b85e1 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/SberAlt1.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const SberAlt1: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/SberDevices.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/SberDevices.tsx new file mode 100644 index 000000000..fcad0ae38 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/SberDevices.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const SberDevices: React.FC = (props) => ( + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/SberportalFrontOutline.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/SberportalFrontOutline.tsx new file mode 100644 index 000000000..ab42c20af --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/SberportalFrontOutline.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const SberportalFrontOutline: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Scenario.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Scenario.tsx new file mode 100644 index 000000000..f34c14c8b --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Scenario.tsx @@ -0,0 +1,32 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Scenario: React.FC = (props) => ( + + + + + + + + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Smoke.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Smoke.tsx new file mode 100644 index 000000000..1879f3d3d --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Smoke.tsx @@ -0,0 +1,26 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Smoke: React.FC = (props) => ( + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Temperature.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Temperature.tsx new file mode 100644 index 000000000..f2ae12e6d --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Temperature.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Temperature: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/VideoArchive.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/VideoArchive.tsx new file mode 100644 index 000000000..5000333b2 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/VideoArchive.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const VideoArchive: React.FC = (props) => ( + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/Visa.tsx b/packages/plasma-icons/src/scalable/Icon.assets.24/Visa.tsx new file mode 100644 index 000000000..1c93b87ff --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/Visa.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import { IconProps } from '../IconRoot'; + +export const Visa: React.FC = (props) => ( + + + + + +); diff --git a/packages/plasma-icons/src/scalable/Icon.assets.24/index.ts b/packages/plasma-icons/src/scalable/Icon.assets.24/index.ts index db0ba79d2..68dd7d0af 100644 --- a/packages/plasma-icons/src/scalable/Icon.assets.24/index.ts +++ b/packages/plasma-icons/src/scalable/Icon.assets.24/index.ts @@ -1,7 +1,69 @@ import { AttentionCircle } from './AttentionCircle'; +import { SberportalFrontOutline } from './SberportalFrontOutline'; +import { MobileFrontOutline } from './MobileFrontOutline'; +import { SaluteCircle } from './SaluteCircle'; +import { Visa } from './Visa'; +import { Mir } from './Mir'; +import { Jcb } from './Jcb'; +import { MasterCard } from './MasterCard'; +import { Sber } from './Sber'; +import { SberAlt1 } from './SberAlt1'; +import { Salute } from './Salute'; +import { Okko } from './Okko'; +import { QualitySd } from './QualitySd'; +import { QualityHd } from './QualityHd'; +import { Rotate90 } from './Rotate90'; +import { Rotate } from './Rotate'; +import { SberDevices } from './SberDevices'; +import { OtherDevices } from './OtherDevices'; +import { Scenario } from './Scenario'; +import { Picture } from './Picture'; +import { Record } from './Record'; +import { Fullscreen } from './Fullscreen'; +import { FullscreenExit } from './FullscreenExit'; +import { Backward } from './Backward'; +import { Forward } from './Forward'; +import { Cam } from './Cam'; +import { VideoArchive } from './VideoArchive'; +import { Temperature } from './Temperature'; +import { Humidity } from './Humidity'; +import { Motion } from './Motion'; +import { Smoke } from './Smoke'; +import { Flood } from './Flood'; export const iconSet24 = { attentionCircle: AttentionCircle, + sberportalFrontOutline: SberportalFrontOutline, + mobileFrontOutline: MobileFrontOutline, + saluteCircle: SaluteCircle, + visa: Visa, + mir: Mir, + jcb: Jcb, + masterCard: MasterCard, + sber: Sber, + sberAlt1: SberAlt1, + salute: Salute, + okko: Okko, + qualitySd: QualitySd, + qualityHd: QualityHd, + rotate90: Rotate90, + rotate: Rotate, + sberDevices: SberDevices, + otherDevices: OtherDevices, + scenario: Scenario, + picture: Picture, + record: Record, + fullscreen: Fullscreen, + fullscreenExit: FullscreenExit, + backward: Backward, + forward: Forward, + cam: Cam, + videoArchive: VideoArchive, + temperature: Temperature, + humidity: Humidity, + motion: Motion, + smoke: Smoke, + flood: Flood, }; export type IconSet24 = keyof typeof iconSet24; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBackward.tsx b/packages/plasma-icons/src/scalable/Icons/IconBackward.tsx new file mode 100644 index 000000000..07ebcf8d5 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBackward.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBackward: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBattery100.tsx b/packages/plasma-icons/src/scalable/Icons/IconBattery100.tsx new file mode 100644 index 000000000..1930dcc0b --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBattery100.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBattery100: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBattery20.tsx b/packages/plasma-icons/src/scalable/Icons/IconBattery20.tsx new file mode 100644 index 000000000..735e5f146 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBattery20.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBattery20: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBattery40.tsx b/packages/plasma-icons/src/scalable/Icons/IconBattery40.tsx new file mode 100644 index 000000000..a25dca9ed --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBattery40.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBattery40: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBattery60.tsx b/packages/plasma-icons/src/scalable/Icons/IconBattery60.tsx new file mode 100644 index 000000000..711e4f001 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBattery60.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBattery60: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBattery80.tsx b/packages/plasma-icons/src/scalable/Icons/IconBattery80.tsx new file mode 100644 index 000000000..78a9a599c --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBattery80.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBattery80: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBatteryCharge.tsx b/packages/plasma-icons/src/scalable/Icons/IconBatteryCharge.tsx new file mode 100644 index 000000000..b52bd2ec8 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBatteryCharge.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBatteryCharge: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconBatteryEmpty.tsx b/packages/plasma-icons/src/scalable/Icons/IconBatteryEmpty.tsx new file mode 100644 index 000000000..013909beb --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconBatteryEmpty.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconBatteryEmpty: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconCam.tsx b/packages/plasma-icons/src/scalable/Icons/IconCam.tsx new file mode 100644 index 000000000..2dfcb251b --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconCam.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconCam: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconDoorClosed.tsx b/packages/plasma-icons/src/scalable/Icons/IconDoorClosed.tsx new file mode 100644 index 000000000..a5b1bdc67 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconDoorClosed.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconDoorClosed: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconDoorOpen.tsx b/packages/plasma-icons/src/scalable/Icons/IconDoorOpen.tsx new file mode 100644 index 000000000..c377b888a --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconDoorOpen.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconDoorOpen: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconFlood.tsx b/packages/plasma-icons/src/scalable/Icons/IconFlood.tsx new file mode 100644 index 000000000..13a34c64b --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconFlood.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconFlood: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconForward.tsx b/packages/plasma-icons/src/scalable/Icons/IconForward.tsx new file mode 100644 index 000000000..6a557858c --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconForward.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconForward: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconFullscreen.tsx b/packages/plasma-icons/src/scalable/Icons/IconFullscreen.tsx new file mode 100644 index 000000000..b5982de5d --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconFullscreen.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconFullscreen: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconFullscreenExit.tsx b/packages/plasma-icons/src/scalable/Icons/IconFullscreenExit.tsx new file mode 100644 index 000000000..b74f95934 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconFullscreenExit.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconFullscreenExit: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconHumidity.tsx b/packages/plasma-icons/src/scalable/Icons/IconHumidity.tsx new file mode 100644 index 000000000..00fe866a0 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconHumidity.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconHumidity: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconJcb.tsx b/packages/plasma-icons/src/scalable/Icons/IconJcb.tsx new file mode 100644 index 000000000..1c68681de --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconJcb.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconJcb: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconMasterCard.tsx b/packages/plasma-icons/src/scalable/Icons/IconMasterCard.tsx new file mode 100644 index 000000000..6c10d2aaa --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconMasterCard.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconMasterCard: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconMir.tsx b/packages/plasma-icons/src/scalable/Icons/IconMir.tsx new file mode 100644 index 000000000..161c89b32 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconMir.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconMir: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconMobileFrontOutline.tsx b/packages/plasma-icons/src/scalable/Icons/IconMobileFrontOutline.tsx new file mode 100644 index 000000000..4594c1970 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconMobileFrontOutline.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconMobileFrontOutline: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconMotion.tsx b/packages/plasma-icons/src/scalable/Icons/IconMotion.tsx new file mode 100644 index 000000000..45df7b1f9 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconMotion.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconMotion: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconOkko.tsx b/packages/plasma-icons/src/scalable/Icons/IconOkko.tsx new file mode 100644 index 000000000..774c5f8b5 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconOkko.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconOkko: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconOtherDevices.tsx b/packages/plasma-icons/src/scalable/Icons/IconOtherDevices.tsx new file mode 100644 index 000000000..ed68ce206 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconOtherDevices.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconOtherDevices: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconPicture.tsx b/packages/plasma-icons/src/scalable/Icons/IconPicture.tsx new file mode 100644 index 000000000..5a749a06f --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconPicture.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconPicture: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconQualityHd.tsx b/packages/plasma-icons/src/scalable/Icons/IconQualityHd.tsx new file mode 100644 index 000000000..ff4735a02 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconQualityHd.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconQualityHd: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconQualitySd.tsx b/packages/plasma-icons/src/scalable/Icons/IconQualitySd.tsx new file mode 100644 index 000000000..a2675472b --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconQualitySd.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconQualitySd: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconRecord.tsx b/packages/plasma-icons/src/scalable/Icons/IconRecord.tsx new file mode 100644 index 000000000..6c4d76af2 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconRecord.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconRecord: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconRotate.tsx b/packages/plasma-icons/src/scalable/Icons/IconRotate.tsx new file mode 100644 index 000000000..07bb92bfd --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconRotate.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconRotate: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconRotate90.tsx b/packages/plasma-icons/src/scalable/Icons/IconRotate90.tsx new file mode 100644 index 000000000..51298b619 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconRotate90.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconRotate90: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconSalute.tsx b/packages/plasma-icons/src/scalable/Icons/IconSalute.tsx new file mode 100644 index 000000000..6b81436e4 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconSalute.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconSalute: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconSaluteCircle.tsx b/packages/plasma-icons/src/scalable/Icons/IconSaluteCircle.tsx new file mode 100644 index 000000000..d6e79ed7b --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconSaluteCircle.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconSaluteCircle: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconSber.tsx b/packages/plasma-icons/src/scalable/Icons/IconSber.tsx new file mode 100644 index 000000000..626b54402 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconSber.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconSber: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconSberAlt1.tsx b/packages/plasma-icons/src/scalable/Icons/IconSberAlt1.tsx new file mode 100644 index 000000000..ec7323923 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconSberAlt1.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconSberAlt1: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconSberDevices.tsx b/packages/plasma-icons/src/scalable/Icons/IconSberDevices.tsx new file mode 100644 index 000000000..d72a12fac --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconSberDevices.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconSberDevices: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconSberportalFrontOutline.tsx b/packages/plasma-icons/src/scalable/Icons/IconSberportalFrontOutline.tsx new file mode 100644 index 000000000..be92b8c52 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconSberportalFrontOutline.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconSberportalFrontOutline: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconScenario.tsx b/packages/plasma-icons/src/scalable/Icons/IconScenario.tsx new file mode 100644 index 000000000..9c561c635 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconScenario.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconScenario: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconSmoke.tsx b/packages/plasma-icons/src/scalable/Icons/IconSmoke.tsx new file mode 100644 index 000000000..02de34d45 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconSmoke.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconSmoke: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconTemperature.tsx b/packages/plasma-icons/src/scalable/Icons/IconTemperature.tsx new file mode 100644 index 000000000..85fc094c2 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconTemperature.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconTemperature: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconVideoArchive.tsx b/packages/plasma-icons/src/scalable/Icons/IconVideoArchive.tsx new file mode 100644 index 000000000..e01deb0c8 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconVideoArchive.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconVideoArchive: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/Icons/IconVisa.tsx b/packages/plasma-icons/src/scalable/Icons/IconVisa.tsx new file mode 100644 index 000000000..8d630d8f2 --- /dev/null +++ b/packages/plasma-icons/src/scalable/Icons/IconVisa.tsx @@ -0,0 +1,7 @@ +import React from 'react'; + +import { IconRoot, IconProps } from '../IconRoot'; + +export const IconVisa: React.FC = ({ size = 's', color, className }) => { + return ; +}; diff --git a/packages/plasma-icons/src/scalable/index.ts b/packages/plasma-icons/src/scalable/index.ts index 918857043..497277b98 100644 --- a/packages/plasma-icons/src/scalable/index.ts +++ b/packages/plasma-icons/src/scalable/index.ts @@ -4,6 +4,46 @@ export { IconVideo } from './Icons/IconVideo'; export { IconAttentionCircle } from './Icons/IconAttentionCircle'; export { IconAntennaCircle } from './Icons/IconAntennaCircle'; +export { IconSberportalFrontOutline } from './Icons/IconSberportalFrontOutline'; +export { IconMobileFrontOutline } from './Icons/IconMobileFrontOutline'; +export { IconSaluteCircle } from './Icons/IconSaluteCircle'; +export { IconVisa } from './Icons/IconVisa'; +export { IconMir } from './Icons/IconMir'; +export { IconJcb } from './Icons/IconJcb'; +export { IconMasterCard } from './Icons/IconMasterCard'; +export { IconSber } from './Icons/IconSber'; +export { IconSberAlt1 } from './Icons/IconSberAlt1'; +export { IconSalute } from './Icons/IconSalute'; +export { IconOkko } from './Icons/IconOkko'; +export { IconTemperature } from './Icons/IconTemperature'; +export { IconHumidity } from './Icons/IconHumidity'; +export { IconMotion } from './Icons/IconMotion'; +export { IconQualitySd } from './Icons/IconQualitySd'; +export { IconQualityHd } from './Icons/IconQualityHd'; +export { IconRotate90 } from './Icons/IconRotate90'; +export { IconRotate } from './Icons/IconRotate'; +export { IconSberDevices } from './Icons/IconSberDevices'; +export { IconOtherDevices } from './Icons/IconOtherDevices'; +export { IconScenario } from './Icons/IconScenario'; +export { IconPicture } from './Icons/IconPicture'; +export { IconRecord } from './Icons/IconRecord'; +export { IconFullscreen } from './Icons/IconFullscreen'; +export { IconFullscreenExit } from './Icons/IconFullscreenExit'; +export { IconBackward } from './Icons/IconBackward'; +export { IconForward } from './Icons/IconForward'; +export { IconCam } from './Icons/IconCam'; +export { IconVideoArchive } from './Icons/IconVideoArchive'; +export { IconSmoke } from './Icons/IconSmoke'; +export { IconFlood } from './Icons/IconFlood'; +export { IconBatteryCharge } from './Icons/IconBatteryCharge'; +export { IconBattery100 } from './Icons/IconBattery100'; +export { IconBattery80 } from './Icons/IconBattery80'; +export { IconBattery60 } from './Icons/IconBattery60'; +export { IconBattery40 } from './Icons/IconBattery40'; +export { IconBattery20 } from './Icons/IconBattery20'; +export { IconBatteryEmpty } from './Icons/IconBatteryEmpty'; +export { IconDoorClosed } from './Icons/IconDoorClosed'; +export { IconDoorOpen } from './Icons/IconDoorOpen'; export { IconRoot } from './IconRoot'; export type { IconProps, IconSize } from './IconRoot'; From c7a8f2d84e850f5c5dee7f1808900fd2326fcf46 Mon Sep 17 00:00:00 2001 From: Artem Neretin Date: Wed, 30 Mar 2022 18:15:05 +0700 Subject: [PATCH 2/2] feat(demo-canvas-app): Add scalable icons demo --- examples/demo-canvas-app/pages/index.tsx | 1 + .../pages/test/components/icons.tsx | 31 +++++++++++++++++++ packages/plasma-icons/src/index.ts | 5 +++ 3 files changed, 37 insertions(+) create mode 100644 examples/demo-canvas-app/pages/test/components/icons.tsx diff --git a/examples/demo-canvas-app/pages/index.tsx b/examples/demo-canvas-app/pages/index.tsx index 5daf489aa..84c3e77b8 100644 --- a/examples/demo-canvas-app/pages/index.tsx +++ b/examples/demo-canvas-app/pages/index.tsx @@ -12,6 +12,7 @@ const menu = [ { href: '/test/components/tabs/', title: 'Tabs' }, { href: '/test/components/text-field/', title: 'TextField' }, { href: '/test/components/toast/', title: 'Toast' }, + { href: '/test/components/icons/', title: 'Icons' }, ]; const StyledCard = styled.a` diff --git a/examples/demo-canvas-app/pages/test/components/icons.tsx b/examples/demo-canvas-app/pages/test/components/icons.tsx new file mode 100644 index 000000000..734720344 --- /dev/null +++ b/examples/demo-canvas-app/pages/test/components/icons.tsx @@ -0,0 +1,31 @@ +import { iconSet16, iconSet24, iconSet36, IconRootScalable } from '@sberdevices/plasma-icons'; +import { IconSetUnionSize } from '@sberdevices/plasma-icons/scalable/IconRoot'; +import { ParagraphText1 } from '@sberdevices/plasma-ui'; + +export default function IconsPage() { + const iconSets = { + ...iconSet16, + ...iconSet24, + ...iconSet36, + }; + + return ( + <> + {Object.keys(iconSets).map((iconName) => ( +
+ + - {iconName} +
+ ))} + + ); +} + +export function getStaticProps() { + return { + props: { + title: 'Icons', + back: true, + }, + }; +} diff --git a/packages/plasma-icons/src/index.ts b/packages/plasma-icons/src/index.ts index 179ea9a6e..4184651b7 100644 --- a/packages/plasma-icons/src/index.ts +++ b/packages/plasma-icons/src/index.ts @@ -170,3 +170,8 @@ export type { IconProps, IconSize } from './IconRoot'; export { Icon, iconSectionsSet } from './Icon'; export type { IconName } from './Icon'; + +export { iconSet16 } from './scalable/Icon.assets.16'; +export { iconSet24 } from './scalable/Icon.assets.24'; +export { iconSet36 } from './scalable/Icon.assets.36'; +export { IconRoot as IconRootScalable } from './scalable';