chore: replace copyright icon import with custom component

It allows me to set the colors with CSS and it will be easier to
implement dark mode.

2 files changed, 4 insertions, 6 deletions

diff --git a/src/components/Copyright/Copyright.module.scss b/src/components/Copyright/Copyright.module.scss
index 244d507..5ebbca4 100644
--- a/src/components/Copyright/Copyright.module.scss
+++ b/src/components/Copyright/Copyright.module.scss
@@ -1,6 +1,8 @@
 @use "@styles/abstracts/functions" as fun;
 
 .wrapper {
+  --icon-size: #{fun.convert-px(70)};
+
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
@@ -9,7 +11,3 @@
   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
index 0dc6247..9a57f9c 100644
--- a/src/components/Copyright/Copyright.tsx
+++ b/src/components/Copyright/Copyright.tsx
@@ -1,4 +1,4 @@
-import CopyrightIcon from '@assets/images/cc-by-sa.svg';
+import { CopyrightIcon } from '@components/Icons';
 import { config } from '@config/website';
 import styles from './Copyright.module.scss';
 
@@ -6,7 +6,7 @@ const Copyright = () => {
   return (
     <p className={styles.wrapper}>
       <span>{config.name}</span>
-      <CopyrightIcon className={styles.icon} />
+      <CopyrightIcon />
       <span>
         {config.copyright.startYear} - {config.copyright.endYear}
       </span>