CircleStop

import { CircleStop } from "vadivam-react";

<CircleStop />

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

<CircleStop />

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

<template>
  <CircleStop />
</template>

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

<CircleStop />

import { CircleStop } from "vadivam-solid";

<CircleStop />

import { CircleStop } from "vadivam-preact";

<CircleStop />

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

<CircleStop />

import { CircleStop } from "vadivam-angular";

<svg vadivamCircleStop></svg>

import { CircleStop } from "vadivam-qwik";

<CircleStop />

import { html } from "lit";
import { CircleStop } from "vadivam-lit";

html`${CircleStop()}`;

import 'package:vadivam/vadivam.dart';

VadivamIcon(VadivamIcons.circleStop)

import com.praveenjuge.vadivam.*
import com.praveenjuge.vadivam.icons.CircleStop

Icon(
    imageVector = VadivamIcons.CircleStop,
    contentDescription = null,
)

<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="M2 12a10 10 0 0 1 20 0c0 2.626-1.072 5.214-2.929 7.071A10.1 10.1 0 0 1 12 22a10.1 10.1 0 0 1-7.071-2.929A10.1 10.1 0 0 1 2 12"/><path d="M11.88 15h.24c1.008 0 1.512 0 1.897-.196a1.8 1.8 0 0 0 .787-.787c.196-.385.196-.889.196-1.897v-.24c0-1.008 0-1.512-.196-1.897a1.8 1.8 0 0 0-.787-.787C13.632 9 13.128 9 12.12 9h-.24c-1.008 0-1.512 0-1.897.196a1.8 1.8 0 0 0-.787.787C9 10.368 9 10.872 9 11.88v.24c0 1.008 0 1.512.196 1.897a1.8 1.8 0 0 0 .787.787c.385.196.889.196 1.897.196"/>
</svg>