Speaker

import { Speaker } from "vadivam-react";

<Speaker />

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

<Speaker />

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

<template>
  <Speaker />
</template>

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

<Speaker />

import { Speaker } from "vadivam-solid";

<Speaker />

import { Speaker } from "vadivam-preact";

<Speaker />

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

<Speaker />

import { Speaker } from "vadivam-angular";

<svg vadivamSpeaker></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="M11.2 2h1.6c2.52 0 3.78 0 4.743.49a4.5 4.5 0 0 1 1.967 1.967C20 5.42 20 6.68 20 9.2v5.6c0 2.52 0 3.78-.49 4.743a4.5 4.5 0 0 1-1.967 1.967C16.58 22 15.32 22 12.8 22h-1.6c-2.52 0-3.78 0-4.743-.49a4.5 4.5 0 0 1-1.966-1.967C4 18.58 4 17.32 4 14.8V9.2c0-2.52 0-3.78.49-4.743a4.5 4.5 0 0 1 1.967-1.966C7.42 2 8.68 2 11.2 2"/><path d="M12 6.5h.01M12 14h.01M8 14a4 4 0 1 0 8 0 4 4 0 0 0-8 0"/>
</svg>

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

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