From dfb000a5b21311176718adbb10df0a09ce975f76 Mon Sep 17 00:00:00 2001
From: Marco Ciampini <marco.ciampo@gmail.com>
Date: Fri, 10 Jul 2020 12:13:09 +0200
Subject: [PATCH] GH-54 feat(form): added star icons

---
 components/icons/index.ts  |  1 +
 components/icons/stars.tsx | 51 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+)
 create mode 100644 components/icons/stars.tsx

diff --git a/components/icons/index.ts b/components/icons/index.ts
index 4580444..86b4998 100644
--- a/components/icons/index.ts
+++ b/components/icons/index.ts
@@ -1,3 +1,4 @@
 export * from './types';
 export * from './social';
 export * from './logos';
+export * from './stars';
diff --git a/components/icons/stars.tsx b/components/icons/stars.tsx
new file mode 100644
index 0000000..d8499a0
--- /dev/null
+++ b/components/icons/stars.tsx
@@ -0,0 +1,51 @@
+import React from 'react';
+
+type Props = {
+  className?: string;
+  [key: string]: unknown;
+};
+
+export const StarFullIcon: React.FC<Props> = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 80 80"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+  >
+    <path
+      d="M40 57.6L60.6 70l-5.5-23.4 18.2-15.8-24-2L40 6.7l-9.4 22-24 2.1L25 46.6 19.4 70 40 57.6z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export const StarHalfIcon: React.FC<Props> = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 80 80"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+  >
+    <path
+      d="M73.3 30.8l-24-2L40 6.6l-9.4 22-24 2.1L25 46.6 19.4 70 40 57.6 60.6 70l-5.4-23.4 18.1-15.8zM40 51.3v-31l5.7 13.5 14.6 1.3-11 9.6 3.3 14.2L40 51.3z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export const StarEmptyIcon: React.FC<Props> = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 80 80"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+  >
+    <path
+      d="M73.3 30.8l-24-2L40 6.6l-9.4 22-24 2.1L25 46.6 19.4 70 40 57.6 60.6 70l-5.4-23.4 18.1-15.8zM40 51.3L27.5 59l3.3-14.3-11-9.6 14.5-1.2L40 20.3l5.7 13.5 14.6 1.3-11 9.6 3.3 14.2L40 51.3z"
+      fill="currentColor"
+    />
+  </svg>
+);