{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dribbble","type":"registry:component","title":"Dribbble","description":"dribbble from coolicons in Line with regular corners. design, portfolio, basketball, showcase, creative, social. Other styles and corners: @coolicons/<style>/<radius>/dribbble with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/dribbble, and use @coolicons/dribbble for line with regular corners.","categories":["Brands"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/dribbble","meta":{"icon":"dribbble","style":"line","radius":"regular"},"files":[{"path":"registry/icons/dribbble.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 Dribbble({ 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=\"M8 4C13 10 15 14 16 20M4 11C8.5 11 13 10 18 6M7 19C10 16 13 13 20 12M3 12C3 16.97056 7.02944 21 12 21C16.97056 21 21 16.97056 21 12C21 7.02944 16.97056 3 12 3C7.02944 3 3 7.02944 3 12Z\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/dribbble.tsx"}]}