ChartArea

import { ChartArea } from "vadivam-react";

<ChartArea />

import { ChartArea } from "vadivam-react-native";

<ChartArea />

<script setup>
import { ChartArea } from "vadivam-vue";
</script>

<template>
  <ChartArea />
</template>

<script>
  import { ChartArea } from "vadivam-svelte";
</script>

<ChartArea />

import { ChartArea } from "vadivam-solid";

<ChartArea />

import { ChartArea } from "vadivam-preact";

<ChartArea />

---
import { ChartArea } from "vadivam-astro";
---

<ChartArea />

import { ChartArea } from "vadivam-angular";

<svg vadivamChartArea></svg>

import { ChartArea } from "vadivam-qwik";

<ChartArea />

import { html } from "lit";
import { ChartArea } from "vadivam-lit";

html`${ChartArea()}`;

import 'package:vadivam/vadivam.dart';

VadivamIcon(VadivamIcons.chartArea)

import com.praveenjuge.vadivam.*
import com.praveenjuge.vadivam.icons.ChartArea

Icon(
    imageVector = VadivamIcons.ChartArea,
    contentDescription = null,
)

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m12.215 10.4-4.242-5C7.291 4.595 6 5.088 6 6.149v9.555c0 .608.237 1.193.658 1.623.422.431.993.673 1.59.673h10.504a2.2 2.2 0 0 0 1.083-.284c.332-.186.612-.455.815-.782a2.33 2.33 0 0 0 .136-2.209l-2.4-5.21a1.14 1.14 0 0 0-.303-.398 1.12 1.12 0 0 0-.936-.238 1.1 1.1 0 0 0-.451.207l-2.055 1.574c-.47.36-.705.54-.957.59a1.1 1.1 0 0 1-.659-.07c-.235-.103-.427-.328-.81-.78"/><path d="M22 22H11.6c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 17.44 2 15.76 2 12.4V2"/>
</svg>