MessageCircleHeart

import { MessageCircleHeart } from "vadivam-react";

<MessageCircleHeart />

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

<MessageCircleHeart />

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

<template>
  <MessageCircleHeart />
</template>

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

<MessageCircleHeart />

import { MessageCircleHeart } from "vadivam-solid";

<MessageCircleHeart />

import { MessageCircleHeart } from "vadivam-preact";

<MessageCircleHeart />

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

<MessageCircleHeart />

import { MessageCircleHeart } from "vadivam-angular";

<svg vadivamMessageCircleHeart></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="M21.998 11.92C22.1 6.54 17.524 2.03 12.003 2c-5.087-.027-10.13 4.442-10 9.92.049 2.1.228 2.983 1.623 5.13.467.867.158 1.95-.328 2.895-.351.682-.437 1.294-.296 1.54.571.998 2.893.318 3.5-.14 1.626-1.23 3.396.574 5.498.495 5.568-.208 9.906-5.004 9.998-9.92"/><path d="M7.975 9.861c0 2.441 4.025 5.232 4.025 5.233s4.025-2.791 4.025-5.233c0-2.254-3.021-2.79-4.025-.705-.986-2.047-4.025-1.516-4.025.705"/>
</svg>

import iconUrl from "vadivam/icons/message-circle-heart.svg";

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