Shapes

import { Shapes } from "vadivam-react";

<Shapes />

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

<Shapes />

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

<template>
  <Shapes />
</template>

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

<Shapes />

import { Shapes } from "vadivam-solid";

<Shapes />

import { Shapes } from "vadivam-preact";

<Shapes />

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

<Shapes />

import { Shapes } from "vadivam-angular";

<svg vadivamShapes></svg>

<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="M8 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0m.355 10.346 1.15 2.102c.641 1.17.961 1.754.903 2.233a1.5 1.5 0 0 1-.615 1.038C9.4 22 8.734 22 7.4 22H5.1c-1.334 0-2 0-2.392-.28a1.5 1.5 0 0 1-.616-1.04c-.058-.478.262-1.063.902-2.232l1.15-2.102c.687-1.253 1.03-1.88 1.483-2.087a1.5 1.5 0 0 1 1.246 0c.453.207.796.834 1.482 2.087M17.84 22h.32c1.344 0 2.016 0 2.53-.262a2.4 2.4 0 0 0 1.048-1.048c.262-.514.262-1.186.262-2.53v-.32c0-1.344 0-2.016-.262-2.53a2.4 2.4 0 0 0-1.048-1.048C20.176 14 19.504 14 18.16 14h-.32c-1.344 0-2.016 0-2.53.262a2.4 2.4 0 0 0-1.048 1.048C14 15.824 14 16.496 14 17.84v.32c0 1.344 0 2.016.262 2.53a2.4 2.4 0 0 0 1.048 1.048c.514.262 1.186.262 2.53.262"/>
</svg>

import iconUrl from "vadivam/icons/shapes.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/shapes.svg" width="24" height="24" alt="" />