{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"chart-area","type":"registry:component","title":"ChartArea","description":"ChartArea, the stroke drawing of chart-area on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","author":"Keyline Icons <https://keylineicons.com>","meta":{"style":"stroke","corners":"regular","container":"regular","base":"chart-area"},"docs":"Every style and both corners of chart-area: https://keylineicons.com/icons/chart-area","dependencies":[],"files":[{"path":"registry/stroke/icons/chart-area.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 ChartArea({ 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=\"M3 3L3 19C3 20.1046 3.8954 21 5 21L21 21M7 15L13 9L16 12L21 7L21 16C21 16.5523 20.5523 17 20 17L8 17C7.4477 17 7 16.5523 7 16L7 15Z\" fill=\"none\"/>\n    </svg>\n  )\n}\n","type":"registry:component","target":"@components/icons/chart-area.tsx"}]}