MonitorSpeaker
Use it
npm install vadivam-reactimport { MonitorSpeaker } from "vadivam-react";
<MonitorSpeaker />npm install vadivam-react-nativeimport { MonitorSpeaker } from "vadivam-react-native";
<MonitorSpeaker />npm install vadivam-vue<script setup>
import { MonitorSpeaker } from "vadivam-vue";
</script>
<template>
<MonitorSpeaker />
</template>npm install vadivam-svelte<script>
import { MonitorSpeaker } from "vadivam-svelte";
</script>
<MonitorSpeaker />npm install vadivam-solidimport { MonitorSpeaker } from "vadivam-solid";
<MonitorSpeaker />npm install vadivam-preactimport { MonitorSpeaker } from "vadivam-preact";
<MonitorSpeaker />npm install vadivam-astro---
import { MonitorSpeaker } from "vadivam-astro";
---
<MonitorSpeaker />npm install vadivam-angularimport { MonitorSpeaker } from "vadivam-angular";
<svg vadivamMonitorSpeaker></svg>npm install vadivam<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.5 14c-1.396 0-2.093 0-2.661-.172a4 4 0 0 1-2.667-2.667C2 10.593 2 9.896 2 8.5V8c0-2.1 0-3.15.409-3.952a3.75 3.75 0 0 1 1.639-1.64C4.85 2 5.9 2 8 2h6c.703 0 1.364.181 1.938.5"/><path d="M16.5 10h.01m-.71-4h1.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C22 8.28 22 9.12 22 10.8v6.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C19.72 22 18.88 22 17.2 22h-1.4c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C11 19.72 11 18.88 11 17.2v-6.4c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C13.28 6 14.12 6 15.8 6m-1.3 10.5a2 2 0 1 0 4 0 2 2 0 0 0-4 0"/>
</svg>import iconUrl from "vadivam/icons/monitor-speaker.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/monitor-speaker.svg" width="24" height="24" alt="" />Compared with Lucide
Migrate from LucideSame name, 24px grid, and 2px stroke, so swapping keeps your layout. Lucide drawing © Lucide Contributors, ISC License.