{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"chart-bubble","type":"registry:component","title":"ChartBubble","description":"chart-bubble from coolicons in Line with regular corners. graph, analytics, scatter, data, plot, circles, stats. Other styles and corners: @coolicons/<style>/<radius>/chart-bubble with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/chart-bubble, and use @coolicons/chart-bubble for line with regular corners.","categories":["Charts"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/chart-bubble","meta":{"icon":"chart-bubble","style":"line","radius":"regular"},"files":[{"path":"registry/icons/chart-bubble.tsx","type":"registry:component","content":"import type { SVGProps } from \"react\";\n\ntype IconProps = Omit<SVGProps<SVGSVGElement>, \"children\"> & {\n  size?: number | string;\n  strokeWidth?: number | string;\n  title?: string;\n};\n\nexport function ChartBubble({ size = 24, strokeWidth = 2, title, ...props }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role={title ? \"img\" : undefined}\n      aria-hidden={title ? undefined : true}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d=\"M14 7C14 8.65685 15.34315 10 17 10C18.65685 10 20 8.65685 20 7C20 5.34315 18.65685 4 17 4C15.34315 4 14 5.34315 14 7ZM8 13C8 14.10457 8.89543 15 10 15C11.10457 15 12 14.10457 12 13C12 11.89543 11.10457 11 10 11C8.89543 11 8 11.89543 8 13ZM16 15C16 15.55228 16.44772 16 17 16C17.55228 16 18 15.55228 18 15C18 14.44772 17.55228 14 17 14C16.44772 14 16 14.44772 16 15ZM3 4V18C3 19.10457 3.89543 20 5 20H21\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/chart-bubble.tsx"}]}