From 8b479ebfdc59ae29af282e0a249a5b45aa3499d3 Mon Sep 17 00:00:00 2001
From: codevictory <main@codevictory.net>
Date: Sun, 19 Dec 2021 21:11:50 +0200
Subject: [PATCH] Diamond icon to separate component.

---
 src/components/Diamond.scss |  5 +++++
 src/components/Diamond.tsx  | 16 ++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/components/Diamond.scss
 create mode 100644 src/components/Diamond.tsx

diff --git a/src/components/Diamond.scss b/src/components/Diamond.scss
new file mode 100644
index 0000000..a98a0f9
--- /dev/null
+++ b/src/components/Diamond.scss
@@ -0,0 +1,5 @@
+.Diamond {
+  margin-bottom: 1rem;
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
diff --git a/src/components/Diamond.tsx b/src/components/Diamond.tsx
new file mode 100644
index 0000000..c96d2be
--- /dev/null
+++ b/src/components/Diamond.tsx
@@ -0,0 +1,16 @@
+export const Diamond = () => {
+  return (
+    <svg
+      className='Diamond'
+      width='9'
+      height='9'
+      fill='#c1a57c'
+      viewBox='0 0 16 16'
+    >
+      <path
+        fill-rule='evenodd'
+        d='M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435z'
+      />
+    </svg>
+  );
+};