{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"sharp/duotone/chart-area","type":"registry:component","title":"ChartArea","description":"ChartArea, the duotone drawing of chart-area on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","author":"Keyline Icons <https://keylineicons.com>","meta":{"style":"duotone","corners":"sharp","container":"regular","base":"chart-area"},"docs":"Every style and both corners of chart-area: https://keylineicons.com/icons/chart-area","dependencies":[],"files":[{"path":"registry/sharp-duotone/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=\"butt\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      {...props}\n    >\n      <path d=\"M3 2L3 21L22 21\" strokeOpacity=\"0.4\"/>\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 17C22 17.5523 21.5523 18 21 18L7 18C6.4477 18 6 17.5523 6 17L6 15C6 14.7348 6.1054 14.4804 6.2929 14.2929Z\" fill=\"currentColor\" stroke=\"none\"/>\n    </svg>\n  )\n}\n","type":"registry:component","target":"@components/icons/sharp/duotone/chart-area.tsx"}]}