{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "social-icons",
"title": "Social Icons",
"description": "Collection of SVG social media brand icons (GitHub, Google, Twitter/X, LinkedIn, and more) as composable React components. Use them in login forms, footers, navbars, or any UI that references external social platforms.",
"dependencies": [],
"registryDependencies": [],
"files": [
{
"path": "src/registry/blocks/social-icons/icons.tsx",
"content": "import { cn } from \"@/lib/utils\";\n\ninterface IconProps {\n className?: string;\n}\n\nconst GoogleIcon = ({ className }: IconProps) => (\n \n);\n\nconst GithubIcon = ({ className }: IconProps) => (\n \n);\n\nconst AppleIcon = ({ className }: IconProps) => (\n \n);\n\nconst XIcon = ({ className }: IconProps) => (\n \n);\n\nconst LinkedInIcon = ({ className }: IconProps) => (\n \n \n \n \n \n);\n\nconst FacebookIcon = ({ className }: IconProps) => (\n \n);\n\nconst DiscordIcon = ({ className }: IconProps) => (\n \n \n \n);\n\nconst SlackIcon = ({ className }: IconProps) => (\n \n);\n\nconst ChatGptIcon = ({ className }: IconProps) => (\n \n \n \n);\n\nconst ClaudeIcon = ({ className }: IconProps) => (\n \n \n \n);\n\nconst NotionIcon = ({ className }: IconProps) => (\n \n \n \n \n);\n\nconst GeminiIcon = ({ className }: IconProps) => (\n \n);\n\nconst ReplitIcon = ({ className }: IconProps) => (\n \n \n \n);\n\nconst PostHogIcon = ({ className }: IconProps) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nconst MicrosoftIcon = ({ className }: IconProps) => (\n \n);\n\nconst QuoteIcon = ({ className }: IconProps) => (\n \n);\n\nconst LogoIcon = ({ className }: IconProps) => (\n \n);\n\nconst ShadcnIcon = ({ className }: IconProps) => (\n \n shadcn/ui\n \n \n);\n\nconst TailwindIcon = ({ className }: IconProps) => (\n \n \n \n \n \n \n \n \n \n \n);\n\nconst ReactIcon = ({ className }: IconProps) => (\n \n \n \n \n);\n\nconst NextIcon = ({ className }: IconProps) => (\n \n \n \n \n);\n\nconst SupabaseIcon = ({ className }: IconProps) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport {\n GoogleIcon,\n GithubIcon,\n AppleIcon,\n XIcon,\n LinkedInIcon,\n FacebookIcon,\n DiscordIcon,\n SlackIcon,\n ClaudeIcon,\n NotionIcon,\n GeminiIcon,\n ReplitIcon,\n MicrosoftIcon,\n QuoteIcon,\n LogoIcon,\n ChatGptIcon,\n PostHogIcon,\n ShadcnIcon,\n TailwindIcon,\n ReactIcon,\n NextIcon,\n SupabaseIcon,\n};\n",
"type": "registry:component",
"target": "components/social-icons.tsx"
}
],
"categories": [
"social-icons"
],
"type": "registry:component"
}