icons

Author: alexandramartinez

src/components/Header.astro

@@ -48,7 +48,6 @@ function isActive(href: string) {
       <div class="hidden items-center gap-1 sm:flex">
         <a href={SOCIAL.youtube} target="_blank" rel="noopener" aria-label="YouTube" class="inline-flex h-9 w-9 items-center justify-center rounded-lg text-muted transition-colors hover:text-[#ff0000]"><Icon name="youtube" /></a>
         <a href={SOCIAL.github} target="_blank" rel="noopener" aria-label="GitHub" class="inline-flex h-9 w-9 items-center justify-center rounded-lg text-muted transition-colors hover:text-default"><Icon name="github" /></a>
-        <a href={SOCIAL.linkedin} target="_blank" rel="noopener" aria-label="LinkedIn" class="inline-flex h-9 w-9 items-center justify-center rounded-lg text-muted transition-colors hover:text-[#0a66c2]"><Icon name="linkedin" /></a>
         <a href={mailto} aria-label="Email Alex" title="Email me" class="inline-flex h-9 w-9 items-center justify-center rounded-lg text-muted transition-colors hover:text-accent"><Icon name="mail" /></a>
       </div>
       <ThemeToggle />
@@ -77,7 +76,6 @@ function isActive(href: string) {
       <div class="flex gap-2 px-3 pt-2">
         <a href={SOCIAL.youtube} target="_blank" rel="noopener" aria-label="YouTube" class="text-muted hover:text-[#ff0000]"><Icon name="youtube" /></a>
         <a href={SOCIAL.github} target="_blank" rel="noopener" aria-label="GitHub" class="text-muted hover:text-default"><Icon name="github" /></a>
-        <a href={SOCIAL.linkedin} target="_blank" rel="noopener" aria-label="LinkedIn" class="text-muted hover:text-[#0a66c2]"><Icon name="linkedin" /></a>
         <a href={mailto} aria-label="Email Alex" title="Email me" class="text-muted hover:text-accent"><Icon name="mail" /></a>
       </div>
     </div>

src/components/Icon.astro

@@ -48,7 +48,7 @@ const sw = 1.8;
   <svg class={className} viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.67H9.35V9h3.42v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.07 2.07 0 1 1 0-4.14 2.07 2.07 0 0 1 0 4.14zM7.12 20.45H3.55V9h3.57v11.45zM22.22 0H1.77C.8 0 0 .78 0 1.74v20.52C0 23.22.8 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.74V1.74C24 .78 23.2 0 22.22 0z"/></svg>
 )}
 {name === 'vscode' && (
-  <svg class={className} viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M17.86 23.72a1.5 1.5 0 0 0 1.2-.05l4.1-1.97a1.5 1.5 0 0 0 .84-1.35V3.65a1.5 1.5 0 0 0-.84-1.35L19.06.33a1.5 1.5 0 0 0-1.7.29L9.51 9.8 6.08 7.2a1 1 0 0 0-1.28.06L3.7 8.25a1 1 0 0 0 0 1.48L6.67 12 3.7 14.27a1 1 0 0 0 0 1.48l1.1 1a1 1 0 0 0 1.28.05l3.43-2.6 7.86 9.18a1.5 1.5 0 0 0 .5.34zM18 6.87 12.03 12 18 17.13z"/></svg>
+  <svg class={className} viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.15 2.587 18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448z"/></svg>
 )}
 {name === 'sun' && (
   <svg class={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width={sw} stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>