{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"two-tone/connection","type":"registry:component","title":"Connection","description":"Connection, the two-tone drawing of connection on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","author":"Keyline Icons <https://keylineicons.com>","meta":{"style":"two-tone","corners":"regular","container":"regular","base":"connection"},"docs":"Every style and both corners of connection: https://keylineicons.com/icons/connection","dependencies":[],"files":[{"path":"registry/two-tone/icons/connection.tsx","content":"import type { SVGProps } from \"react\"\n\ntype IconProps = Omit<SVGProps<SVGSVGElement>, \"children\"> & {\n  /** Rendered box in px, set as both width and height. Defaults to 24. */\n  size?: number | string\n}\n\nexport function Connection({ size = 24, ...props }: IconProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      {...props}\n    >\n      <path d=\"M11 17.5C11 19.9853 8.9853 22 6.5 22C4.0147 22 2 19.9853 2 17.5C2 15.0147 4.0147 13 6.5 13C8.9853 13 11 15.0147 11 17.5ZM22 6.5C22 8.9853 19.9853 11 17.5 11C15.0147 11 13 8.9853 13 6.5C13 4.0147 15.0147 2 17.5 2C19.9853 2 22 4.0147 22 6.5Z\" fill=\"currentColor\" fillOpacity=\"0.4\" fillRule=\"evenodd\" clipRule=\"evenodd\" stroke=\"none\"/>\n      <path d=\"M10 17.5C10 19.433 8.433 21 6.5 21C4.567 21 3 19.433 3 17.5C3 15.567 4.567 14 6.5 14C8.433 14 10 15.567 10 17.5ZM21 6.5C21 8.433 19.433 10 17.5 10C15.567 10 14 8.433 14 6.5C14 4.567 15.567 3 17.5 3C19.433 3 21 4.567 21 6.5ZM8.9749 15.0251L15.0251 8.9749\" fill=\"none\"/>\n    </svg>\n  )\n}\n","type":"registry:component","target":"@components/icons/two-tone/connection.tsx"}]}