Clover

import { Clover } from "vadivam-react";

<Clover />

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

<Clover />

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

<template>
  <Clover />
</template>

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

<Clover />

import { Clover } from "vadivam-solid";

<Clover />

import { Clover } from "vadivam-preact";

<Clover />

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

<Clover />

import { Clover } from "vadivam-angular";

<svg vadivamClover></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="m7.208 12.557 9.584-3.114c.624-.38 1.145-.843 1.429-1.401 1.068-2.096-1.488-4.025-3.408-2.563.053-2.369-3.024-3.315-4.076-1.251-.285.559-.353 1.252-.294 1.98-.38-.624-.843-1.145-1.401-1.429-2.096-1.068-4.025 1.488-2.563 3.408-2.369-.053-3.315 3.024-1.251 4.076.559.285 1.252.353 1.98.294-.624.38-1.144.843-1.429 1.401-1.068 2.096 1.488 4.025 3.408 2.563-.053 2.369 3.024 3.315 4.076 1.251.285-.559.353-1.252.294-1.98.38.624.843 1.144 1.401 1.429 2.096 1.068 4.025-1.488 2.563-3.408 2.369.053 3.315-3.024 1.251-4.076-.559-.285-1.252-.353-1.98-.294m-6.349-3.235 3.114 9.584"/><path d="M13.557 15.792c.6 2.6 2.2 4.3 4.7 5.3"/>
</svg>

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

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