Social Icons

Brand icons for social links: GitHub, LinkedIn, X and YouTube. lucide-react no longer ships them.

Installation#

pnpm dlx shadcn@latest add @balick/social-icons

Or pass the full URL: https://ui.balick.me/r/social-icons.json

Usage#

import { GitHubIcon } from "@/components/ui/social-icons"

export function GitHubLink() {
  return (
    <a href="https://github.com" aria-label="GitHub">
      <GitHubIcon className="size-4" />
    </a>
  )
}

Props#

<GitHubIcon, LinkedInIcon, XIcon, YouTubeIcon />

Prop	Type	Default	Description
`...props` Any SVG attribute. Size with className, colour follows currentColor.	`ComponentProps<"svg">`	—	Any SVG attribute. Size with className, colour follows currentColor.