{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"simple-icon","title":"Simple Icon","description":"Renders a brand icon from Simple Icons — GitHub, Apple, Google, Figma — as a currentColor svg that sizes like a Lucide icon inside buttons and text.","dependencies":["cn","simple-icons"],"files":[{"path":"components/ui/simple-icon.tsx","content":"import type { SimpleIcon as SimpleIconData } from \"simple-icons\"\nimport { cn } from \"cn\"\n\nfunction SimpleIcon({\n  icon,\n  title,\n  className,\n  ...props\n}: Omit<React.ComponentProps<\"svg\">, \"children\"> & {\n  /** An icon object from `simple-icons`, e.g. `siGithub`. */\n  icon: SimpleIconData\n  /** Accessible name; omitted = decorative (`aria-hidden`). */\n  title?: string\n}) {\n  const labelled = Boolean(\n    title || props[\"aria-label\"] || props[\"aria-labelledby\"]\n  )\n\n  return (\n    <svg\n      data-slot=\"simple-icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={24}\n      height={24}\n      fill=\"currentColor\"\n      role={labelled ? \"img\" : undefined}\n      aria-hidden={labelled ? undefined : true}\n      className={cn(\"shrink-0\", className)}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d={icon.path} />\n    </svg>\n  )\n}\n\nexport { SimpleIcon }\n","type":"registry:ui"}],"categories":["content"],"type":"registry:ui"}