{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"fill/bubbles","type":"registry:component","title":"Bubbles","description":"Bubbles, the fill drawing of bubbles on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","author":"Keyline Icons <https://keylineicons.com>","meta":{"style":"fill","corners":"regular","container":"regular","base":"bubbles"},"docs":"Every style and both corners of bubbles: https://keylineicons.com/icons/bubbles","dependencies":[],"files":[{"path":"registry/fill/icons/bubbles.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 Bubbles({ 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      aria-hidden=\"true\"\n      focusable=\"false\"\n      {...props}\n    >\n      <path d=\"M17.5 11C20.5376 11 23 13.462 23 16.5C23 19.538 20.5376 22 17.5 22C14.4624 22 12 19.538 12 16.5C12 16.286 12.0132 16.065 12.0376 15.855L12.0703 15.607C12.4616 13.212 14.4006 11.337 16.8271 11.04C16.832 11.039 16.837 11.039 16.8418 11.038L16.8516 11.036H16.8711C16.8783 11.036 16.8855 11.036 16.8926 11.035C17.0936 11.013 17.2967 11 17.5 11ZM4 11C5.6568 11 7 12.343 7 14C7 15.657 5.6568 17 4 17C2.3432 17 1 15.657 1 14C1 12.343 2.3432 11 4 11Z\" fill=\"currentColor\"/>\n      <path d=\"M13.5 8C13.9883 8 14.5523 8.111 14.9922 8.255C15.097 8.295 15.3285 8.457 15.3839 8.524C15.4088 8.606 15.4415 8.788 15.4258 8.876C15.3821 9.116 15.1956 9.355 14.9121 9.459C12.8517 10.216 11.2165 11.852 10.459 13.912C10.3545 14.196 10.1165 14.382 9.877 14.426L9.8096 14.435C9.7644 14.437 9.7194 14.435 9.6758 14.427L9.6123 14.411L9.5322 14.378L9.459 14.33C9.3885 14.274 9.3286 14.194 9.2881 14.087C9.102 13.594 9 13.058 9 12.5C9 10.015 11.0147 8 13.5 8Z\" fill=\"currentColor\"/>\n      <path d=\"M6.5 2C8.433 2 10 3.567 10 5.5C10 7.433 8.433 9 6.5 9C4.567 9 3 7.433 3 5.5C3 3.567 4.567 2 6.5 2Z\" fill=\"currentColor\"/>\n    </svg>\n  )\n}\n","type":"registry:component","target":"@components/icons/fill/bubbles.tsx"}]}