From a66cff7853b88a53c7e7b8bcb6d2c30b1f73a02f Mon Sep 17 00:00:00 2001
From: Dominik Guzei <dominik.guzei@gmail.com>
Date: Fri, 18 Oct 2024 11:17:45 +0200
Subject: [PATCH] feat: add clock and exclamation mark icons [LW-9231]

---
 src/icons/ClockGradientComponent.tsx          | 33 +++++++++++++++++++
 src/icons/ExclamationCircleComponent.tsx      | 20 +++++++++++
 src/icons/index.ts                            |  2 ++
 src/icons/raw/clock-gradient.component.svg    | 11 +++++++
 .../raw/exclamation-circle.component.svg      |  3 ++
 5 files changed, 69 insertions(+)
 create mode 100644 src/icons/ClockGradientComponent.tsx
 create mode 100644 src/icons/ExclamationCircleComponent.tsx
 create mode 100644 src/icons/raw/clock-gradient.component.svg
 create mode 100644 src/icons/raw/exclamation-circle.component.svg

diff --git a/src/icons/ClockGradientComponent.tsx b/src/icons/ClockGradientComponent.tsx
new file mode 100644
index 0000000..6ab0127
--- /dev/null
+++ b/src/icons/ClockGradientComponent.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgClockGradientcomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={112}
+    height={113}
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="url(#clock-gradient_component_svg__a)"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={3}
+      d="M56 38.07v18.667l14 14m28-14c0 23.196-18.804 42-42 42s-42-18.804-42-42 18.804-42 42-42 42 18.804 42 42"
+    />
+    <defs>
+      <linearGradient
+        id="clock-gradient_component_svg__a"
+        x1={-1.37}
+        x2={121.7}
+        y1={-0.633}
+        y2={8.444}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FF92DE" />
+        <stop offset={1} stopColor="#FDC300" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgClockGradientcomponent;
diff --git a/src/icons/ExclamationCircleComponent.tsx b/src/icons/ExclamationCircleComponent.tsx
new file mode 100644
index 0000000..c9df590
--- /dev/null
+++ b/src/icons/ExclamationCircleComponent.tsx
@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgExclamationCirclecomponent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={113}
+    height={113}
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={3}
+      d="M56.5 37.455v18.667m0 18.667h.047M98.5 56.122c0 23.196-18.804 42-42 42s-42-18.804-42-42 18.804-42 42-42 42 18.804 42 42"
+    />
+  </svg>
+);
+export default SvgExclamationCirclecomponent;
diff --git a/src/icons/index.ts b/src/icons/index.ts
index 00a1ec4..7685023 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -14,6 +14,7 @@ export { default as ChevronRightThinComponent } from './ChevronRightThinComponen
 export { default as ChevronRightComponent } from './ChevronRightComponent';
 export { default as ChevronUpComponent } from './ChevronUpComponent';
 export { default as ChipGradientComponent } from './ChipGradientComponent';
+export { default as ClockGradientComponent } from './ClockGradientComponent';
 export { default as CloseComponent } from './CloseComponent';
 export { default as CodeGradientComponent } from './CodeGradientComponent';
 export { default as Copy } from './Copy';
@@ -21,6 +22,7 @@ export { default as DocumentDownload } from './DocumentDownload';
 export { default as DocumentTextGradientComponent } from './DocumentTextGradientComponent';
 export { default as DocumentComponent } from './DocumentComponent';
 export { default as DownloadComponent } from './DownloadComponent';
+export { default as ExclamationCircleComponent } from './ExclamationCircleComponent';
 export { default as EyeCloseComponent } from './EyeCloseComponent';
 export { default as EyeGradientComponent } from './EyeGradientComponent';
 export { default as EyeOpenComponent } from './EyeOpenComponent';
diff --git a/src/icons/raw/clock-gradient.component.svg b/src/icons/raw/clock-gradient.component.svg
new file mode 100644
index 0000000..c0ad2bd
--- /dev/null
+++ b/src/icons/raw/clock-gradient.component.svg
@@ -0,0 +1,11 @@
+<svg width="112" height="113" viewBox="0 0 112 113" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="general/clock">
+<path id="Icon" d="M56 38.0704V56.7371L70 70.7371M98 56.7371C98 79.933 79.196 98.7371 56 98.7371C32.804 98.7371 14 79.933 14 56.7371C14 33.5411 32.804 14.7371 56 14.7371C79.196 14.7371 98 33.5411 98 56.7371Z" stroke="url(#paint0_linear_14287_3429)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_14287_3429" x1="-1.37021" y1="-0.633131" x2="121.7" y2="8.44399" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF92DE"/>
+<stop offset="1" stop-color="#FDC300"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/icons/raw/exclamation-circle.component.svg b/src/icons/raw/exclamation-circle.component.svg
new file mode 100644
index 0000000..b20dadc
--- /dev/null
+++ b/src/icons/raw/exclamation-circle.component.svg
@@ -0,0 +1,3 @@
+<svg width="113" height="113" viewBox="0 0 113 113" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M56.5 37.4554V56.1221M56.5 74.7887H56.5467M98.5 56.1221C98.5 79.318 79.696 98.1221 56.5 98.1221C33.304 98.1221 14.5 79.318 14.5 56.1221C14.5 32.9261 33.304 14.1221 56.5 14.1221C79.696 14.1221 98.5 32.9261 98.5 56.1221Z" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>