MonitorPause
Use it
npm install vadivam-reactimport { MonitorPause } from "vadivam-react";
<MonitorPause />npm install vadivam-react-nativeimport { MonitorPause } from "vadivam-react-native";
<MonitorPause />npm install vadivam-vue<script setup>
import { MonitorPause } from "vadivam-vue";
</script>
<template>
<MonitorPause />
</template>npm install vadivam-svelte<script>
import { MonitorPause } from "vadivam-svelte";
</script>
<MonitorPause />npm install vadivam-solidimport { MonitorPause } from "vadivam-solid";
<MonitorPause />npm install vadivam-preactimport { MonitorPause } from "vadivam-preact";
<MonitorPause />npm install vadivam-astro---
import { MonitorPause } from "vadivam-astro";
---
<MonitorPause />npm install vadivam-angularimport { MonitorPause } from "vadivam-angular";
<svg vadivamMonitorPause></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="M15.6 17H8.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C2 13.96 2 12.84 2 10.6V9.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C5.04 3 6.16 3 8.4 3h7.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C22 6.04 22 7.16 22 9.4v1.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C18.96 17 17.84 17 15.6 17M12 17v3.658m3.333.342a16.4 16.4 0 0 0-6.666 0M10 7v6m4-6v6"/>
</svg>import iconUrl from "vadivam/icons/monitor-pause.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/monitor-pause.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.