Hexagon

import { Hexagon } from "vadivam-react";

<Hexagon />

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

<Hexagon />

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

<template>
  <Hexagon />
</template>

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

<Hexagon />

import { Hexagon } from "vadivam-solid";

<Hexagon />

import { Hexagon } from "vadivam-preact";

<Hexagon />

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

<Hexagon />

import { Hexagon } from "vadivam-angular";

<svg vadivamHexagon></svg>

import { Hexagon } from "vadivam-qwik";

<Hexagon />

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

html`${Hexagon()}`;

import 'package:vadivam/vadivam.dart';

VadivamIcon(VadivamIcons.hexagon)

import com.praveenjuge.vadivam.*
import com.praveenjuge.vadivam.icons.Hexagon

Icon(
    imageVector = VadivamIcons.Hexagon,
    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="M21 15.294V8.697c0-.677 0-1.015-.099-1.317a2 2 0 0 0-.419-.723c-.213-.236-.507-.403-1.094-.739l-5.8-3.314c-.579-.33-.868-.496-1.176-.561a2 2 0 0 0-.824 0c-.308.065-.597.23-1.176.56l-5.8 3.315c-.587.336-.88.503-1.094.74a2 2 0 0 0-.42.721C3 7.683 3 8.02 3 8.698v6.607c0 .676 0 1.014.099 1.316a2 2 0 0 0 .419.723c.214.236.507.403 1.094.739l5.8 3.314c.579.33.868.496 1.176.561a2 2 0 0 0 .824 0c.308-.065.597-.23 1.176-.56l5.792-3.31c.59-.338.885-.506 1.1-.743a2 2 0 0 0 .42-.726c.1-.304.1-.644.1-1.324"/>
</svg>