MessagesCircle

import { MessagesCircle } from "vadivam-react";

<MessagesCircle />

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

<MessagesCircle />

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

<template>
  <MessagesCircle />
</template>

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

<MessagesCircle />

import { MessagesCircle } from "vadivam-solid";

<MessagesCircle />

import { MessagesCircle } from "vadivam-preact";

<MessagesCircle />

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

<MessagesCircle />

import { MessagesCircle } from "vadivam-angular";

<svg vadivamMessagesCircle></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="M9.668 5.572A6.61 6.61 0 0 1 15.498 2c3.307-.018 6.585 2.887 6.5 6.448-.032 1.365-.148 1.939-1.055 3.335-.303.563-.103 1.267.213 1.881.228.444.284.841.193 1.001-.371.649-1.881.207-2.275-.091a1.3 1.3 0 0 0-.629-.266m-3.446 1.14C15.065 11.951 12.091 9.02 8.502 9c-3.307-.018-6.585 2.887-6.5 6.448.032 1.365.148 1.939 1.055 3.335.303.563.103 1.267-.213 1.881-.228.444-.284.841-.193 1.001.371.649 1.881.207 2.275-.091 1.057-.799 2.208.373 3.574.322 3.619-.135 6.439-3.253 6.499-6.448"/>
</svg>

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

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