Diamond icon to separate component.

2021-12-19 21:11:50 +02:00
parent 77e91161d6
commit 8b479ebfdc
2 changed files with 21 additions and 0 deletions
--- a/src/components/Diamond.scss
+++ b/src/components/Diamond.scss
@@ -0,0 +1,5 @@
+.Diamond {
+  margin-bottom: 1rem;
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
--- a/src/components/Diamond.tsx
+++ 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>
+  );
+};