From a72a198dfa8495b016e7395815ca50d0c1c26cd0 Mon Sep 17 00:00:00 2001
From: Loup Theron <loup.theron@gmail.com>
Date: Mon, 5 Aug 2024 10:22:08 +0200
Subject: [PATCH] feat(icons): add invalid icon

---
 src/assets/icons/Invalid.svg | 13 +++++++++++++
 src/icons/Invalid.tsx        | 27 +++++++++++++++++++++++++++
 src/icons/index.tsx          |  2 ++
 3 files changed, 42 insertions(+)
 create mode 100644 src/assets/icons/Invalid.svg
 create mode 100644 src/icons/Invalid.tsx

diff --git a/src/assets/icons/Invalid.svg b/src/assets/icons/Invalid.svg
new file mode 100644
index 000000000..cbf7f6d7d
--- /dev/null
+++ b/src/assets/icons/Invalid.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">
+  <g id="Groupe_5593" data-name="Groupe 5593" transform="translate(-1514 -535)">
+    <g id="Groupe_5575" data-name="Groupe 5575" transform="translate(18 112)">
+      <g id="Groupe_5576" data-name="Groupe 5576">
+        <circle id="Ellipse_754" data-name="Ellipse 754" cx="13" cy="13" r="13" transform="translate(1496 423)" fill="currentColor"/>
+      </g>
+    </g>
+    <g id="Reject" transform="translate(1517 538)">
+      <path id="Tracé_1364" data-name="Tracé 1364" d="M100,8.546,97.454,6,93,10.454,88.546,6,86,8.546,90.454,13,86,17.454,88.546,20,93,15.546,97.454,20,100,17.454,95.546,13Z" transform="translate(-83 -3)" fill="#f7f7fa"/>
+      <rect id="Rectangle_6102" data-name="Rectangle 6102" width="20" height="20" fill="none"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/icons/Invalid.tsx b/src/icons/Invalid.tsx
new file mode 100644
index 000000000..9b5c177c7
--- /dev/null
+++ b/src/icons/Invalid.tsx
@@ -0,0 +1,27 @@
+import { IconBox } from '../elements/IconBox'
+
+import type { IconProps } from '../types/definitions'
+
+export function Invalid({ color, size, title, ...nativeProps }: IconProps) {
+  return (
+    <IconBox $color={color} $size={size} title={title}>
+      <svg height="26" viewBox="0 0 26 26" width="26" {...nativeProps}>
+        <g transform="translate(-1514 -535)">
+          <g transform="translate(18 112)">
+            <g>
+              <circle cx="13" cy="13" fill="currentColor" r="13" transform="translate(1496 423)" />
+            </g>
+          </g>
+          <g transform="translate(1517 538)">
+            <path
+              d="M100,8.546,97.454,6,93,10.454,88.546,6,86,8.546,90.454,13,86,17.454,88.546,20,93,15.546,97.454,20,100,17.454,95.546,13Z"
+              fill="#f7f7fa"
+              transform="translate(-83 -3)"
+            />
+            <rect fill="none" height="20" width="20" />
+          </g>
+        </g>
+      </svg>
+    </IconBox>
+  )
+}
diff --git a/src/icons/index.tsx b/src/icons/index.tsx
index 454d48d79..1dc719819 100644
--- a/src/icons/index.tsx
+++ b/src/icons/index.tsx
@@ -40,6 +40,7 @@ import { FocusZones } from './FocusZones'
 import { Hide } from './Hide'
 import { Info } from './Info'
 import { Infringement } from './Infringement'
+import { Invalid } from './Invalid'
 import { Landmark } from './Landmark'
 import { Link } from './Link'
 import { List } from './List'
@@ -133,6 +134,7 @@ export {
   Hide,
   Info,
   Infringement,
+  Invalid,
   Landmark,
   Link,
   List,