From 3e1d62889c318259fe5f4fedfbefabcae06e8c13 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Wed, 13 Dec 2023 13:37:40 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20new=20icons=20for=20svg=20car?=
 =?UTF-8?q?d.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svgCard.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index f145000..7d1bf0e 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -12,6 +12,7 @@
 
   // Main Card:
   import CardSpotlight from './cardSpotlight.svelte';
+  import { CopyIcon, DownloadIcon, LinkIcon } from 'lucide-svelte';
 
   // Props:
   export let svgInfo: iSVG;
@@ -39,6 +40,10 @@
       description: `${svgInfo.title} - ${svgInfo.category}`
     });
   };
+
+  // Icon Stroke & Size:
+  let iconStroke = 1.8;
+  let iconSize = 16;
 </script>
 
 <CardSpotlight>
@@ -91,7 +96,7 @@
         }}
         class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
       >
-        <Copy size={17} />
+        <CopyIcon size={iconSize} strokeWidth={iconStroke} />
       </button>
       <button
         title="Download"
@@ -119,7 +124,7 @@
         }}
         class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
       >
-        <DownloadSimple size={17} />
+        <DownloadIcon size={iconSize} strokeWidth={iconStroke} />
       </button>
       <a
         href={svgInfo.url}
@@ -127,7 +132,7 @@
         target="_blank"
         class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
       >
-        <Link size={17} />
+        <LinkIcon size={iconSize} strokeWidth={iconStroke} />
       </a>
     </div>
   </div>