{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"two-tone/chart-area","type":"registry:component","title":"ChartArea","description":"ChartArea, the two-tone 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":"two-tone","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/two-tone/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=\"M6.2929 14.2929L12.2929 8.2929C12.4804 8.1054 12.7348 8 13 8C13.2652 8 13.5196 8.1054 13.7071 8.2929L16 10.5858L20.2929 6.2929C20.4804 6.1054 20.7348 6 21 6C21.5523 6 22 6.4477 22 7L22 16C22 17.1046 21.1046 18 20 18L8 18C6.8954 18 6 17.1046 6 16L6 15C6 14.7348 6.1054 14.4804 6.2929 14.2929Z\" fill=\"currentColor\" fillOpacity=\"0.4\" stroke=\"none\"/>\n      <path d=\"M3 3L3 19C3 20.1046 3.8954 21 5 21L21 21\" strokeOpacity=\"0.4\"/>\n      <path d=\"M7 15L13 9L16 12L21 7L21 16C21 16.5523 20.5523 17 20 17L8 17C7.4477 17 7 16.5523 7 16L7 15Z\"/>\n    </svg>\n  )\n}\n","type":"registry:component","target":"@components/icons/two-tone/chart-area.tsx"}]}