2 files changed, 32 insertions, 0 deletions
diff --git a/src/components/Copyright/Copyright.module.scss b/src/components/Copyright/Copyright.module.scss
new file mode 100644
index 0000000..244d507
--- /dev/null
+++ b/src/components/Copyright/Copyright.module.scss
@@ -0,0 +1,15 @@
+@use "@styles/abstracts/functions" as fun;
+
+.wrapper {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  gap: var(--spacing-2xs);
+  margin: 0;
+  font-family: var(--font-family-secondary);
+  font-size: var(--font-size-sm);
+}
+
+.icon {
+  height: fun.convert-px(20);
+}
diff --git a/src/components/Copyright/Copyright.tsx b/src/components/Copyright/Copyright.tsx
new file mode 100644
index 0000000..0dc6247
--- /dev/null
+++ b/src/components/Copyright/Copyright.tsx
@@ -0,0 +1,17 @@
+import CopyrightIcon from '@assets/images/cc-by-sa.svg';
+import { config } from '@config/website';
+import styles from './Copyright.module.scss';
+
+const Copyright = () => {
+  return (
+    <p className={styles.wrapper}>
+      <span>{config.name}</span>
+      <CopyrightIcon className={styles.icon} />
+      <span>
+        {config.copyright.startYear} - {config.copyright.endYear}
+      </span>
+    </p>
+  );
+};
+
+export default Copyright;