Component
Use it
npm install vadivam-reactimport { Component } from "vadivam-react";
<Component />npm install vadivam-react-nativeimport { Component } from "vadivam-react-native";
<Component />npm install vadivam-vue<script setup>
import { Component } from "vadivam-vue";
</script>
<template>
<Component />
</template>npm install vadivam-svelte<script>
import { Component } from "vadivam-svelte";
</script>
<Component />npm install vadivam-solidimport { Component } from "vadivam-solid";
<Component />npm install vadivam-preactimport { Component } from "vadivam-preact";
<Component />npm install vadivam-astro---
import { Component } from "vadivam-astro";
---
<Component />npm install vadivam-angularimport { Component } from "vadivam-angular";
<svg vadivamComponent></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="m13.697 3.697.356.356c.594.594.891.891 1.002 1.234a1.5 1.5 0 0 1 0 .926c-.111.343-.408.64-1.002 1.234l-.356.356c-.594.594-.891.891-1.233 1.002a1.5 1.5 0 0 1-.928 0c-.342-.111-.639-.408-1.233-1.002l-.356-.356c-.594-.594-.891-.891-1.002-1.234a1.5 1.5 0 0 1 0-.926c.111-.343.408-.64 1.002-1.234l.356-.356c.594-.594.891-.891 1.233-1.002a1.5 1.5 0 0 1 .928 0c.342.111.639.408 1.233 1.002m6.25 6.25.356.356c.594.594.891.891 1.002 1.233a1.5 1.5 0 0 1 0 .928c-.111.342-.408.639-1.002 1.233l-.356.356c-.594.594-.891.891-1.233 1.002a1.5 1.5 0 0 1-.927 0c-.343-.111-.64-.408-1.234-1.002l-.356-.356c-.594-.594-.891-.891-1.002-1.233a1.5 1.5 0 0 1 0-.928c.111-.342.408-.639 1.002-1.233l.356-.356c.594-.594.891-.891 1.233-1.002a1.5 1.5 0 0 1 .927 0c.343.111.64.408 1.234 1.002m-6.25 6.25.356.356c.594.594.891.891 1.002 1.233a1.5 1.5 0 0 1 0 .927c-.111.343-.408.64-1.002 1.234l-.356.356c-.594.594-.891.891-1.233 1.002a1.5 1.5 0 0 1-.928 0c-.342-.111-.639-.408-1.233-1.002l-.356-.356c-.594-.594-.891-.891-1.002-1.233a1.5 1.5 0 0 1 0-.927c.111-.343.408-.64 1.002-1.234l.356-.356c.594-.594.891-.891 1.233-1.002a1.5 1.5 0 0 1 .928 0c.342.111.639.408 1.233 1.002m-6.25-6.25.356.356c.594.594.891.891 1.002 1.233a1.5 1.5 0 0 1 0 .928c-.111.342-.408.639-1.002 1.233l-.356.356c-.594.594-.891.891-1.234 1.002a1.5 1.5 0 0 1-.926 0c-.343-.111-.64-.408-1.234-1.002l-.356-.356c-.594-.594-.891-.891-1.002-1.233a1.5 1.5 0 0 1 0-.928c.111-.342.408-.639 1.002-1.233l.356-.356c.594-.594.891-.891 1.234-1.002a1.5 1.5 0 0 1 .926 0c.343.111.64.408 1.234 1.002"/>
</svg>import iconUrl from "vadivam/icons/component.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/component.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.