EighthNotes

import { EighthNotes } from "vadivam-react";

<EighthNotes />

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

<EighthNotes />

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

<template>
  <EighthNotes />
</template>

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

<EighthNotes />

import { EighthNotes } from "vadivam-solid";

<EighthNotes />

import { EighthNotes } from "vadivam-preact";

<EighthNotes />

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

<EighthNotes />

import { EighthNotes } from "vadivam-angular";

<svg vadivamEighthNotes></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="M22 16.777c0-1.667-1.4-3.02-3.125-3.02s-3.125 1.352-3.125 3.018 1.4 3.018 3.125 3.018S22 18.441 22 16.776V4.065q.001-.224-.093-.43-.095-.205-.267-.356a1.16 1.16 0 0 0-.852-.275L9.26 4.017c-.572.05-1.01.509-1.01 1.06v12.905C8.25 19.65 6.85 21 5.126 21 3.399 21 2 19.649 2 17.982c0-1.665 1.4-3.016 3.126-3.016s3.124 1.35 3.124 3.016"/>
</svg>

import iconUrl from "vadivam/icons/eighth-notes.svg";

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