{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"joystick","type":"registry:component","title":"Joystick","description":"joystick from coolicons in Line with regular corners. arcade, gaming, controller, retro, play, videogame. Other styles and corners: @coolicons/<style>/<radius>/joystick with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/joystick, and use @coolicons/joystick for line with regular corners.","categories":["Sports & Games"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/joystick","meta":{"icon":"joystick","style":"line","radius":"regular"},"files":[{"path":"registry/icons/joystick.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 Joystick({ 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=\"M3 17C3 15.89543 3.89543 15 5 15H19C20.10457 15 21 15.89543 21 17V19C21 20.10457 20.10457 21 19 21H5C3.89543 21 3 20.10457 3 19ZM7 15V13M12 15V9M9 6C9 7.65685 10.34315 9 12 9C13.65685 9 15 7.65685 15 6C15 4.34315 13.65685 3 12 3C10.34315 3 9 4.34315 9 6Z\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/joystick.tsx"}]}