Drum
Use it
npm install vadivam-reactimport { Drum } from "vadivam-react";
<Drum />npm install vadivam-react-nativeimport { Drum } from "vadivam-react-native";
<Drum />npm install vadivam-vue<script setup>
import { Drum } from "vadivam-vue";
</script>
<template>
<Drum />
</template>npm install vadivam-svelte<script>
import { Drum } from "vadivam-svelte";
</script>
<Drum />npm install vadivam-solidimport { Drum } from "vadivam-solid";
<Drum />npm install vadivam-preactimport { Drum } from "vadivam-preact";
<Drum />npm install vadivam-astro---
import { Drum } from "vadivam-astro";
---
<Drum />npm install vadivam-angularimport { Drum } from "vadivam-angular";
<svg vadivamDrum></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="M2 11v7c0 .928 1.054 1.819 2.929 2.475S9.348 21.5 12 21.5s5.196-.369 7.071-1.025C20.946 19.818 22 18.928 22 18v-7c0-.928-1.054-1.819-2.929-2.475S14.652 7.5 12 7.5s-5.196.369-7.071 1.025S2 10.072 2 11s1.054 1.819 2.929 2.475S9.348 14.5 12 14.5s5.196-.369 7.071-1.025S22 11.928 22 11"/><path d="m4 13.1 4 8.108 4-6.708 4 6.708 4-8.108M3 2l5.696 5.696M21 2l-5.696 5.696"/>
</svg>import iconUrl from "vadivam/icons/drum.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/drum.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.