PenTool
Use it
npm install vadivam-reactimport { PenTool } from "vadivam-react";
<PenTool />npm install vadivam-react-nativeimport { PenTool } from "vadivam-react-native";
<PenTool />npm install vadivam-vue<script setup>
import { PenTool } from "vadivam-vue";
</script>
<template>
<PenTool />
</template>npm install vadivam-svelte<script>
import { PenTool } from "vadivam-svelte";
</script>
<PenTool />npm install vadivam-solidimport { PenTool } from "vadivam-solid";
<PenTool />npm install vadivam-preactimport { PenTool } from "vadivam-preact";
<PenTool />npm install vadivam-astro---
import { PenTool } from "vadivam-astro";
---
<PenTool />npm install vadivam-angularimport { PenTool } from "vadivam-angular";
<svg vadivamPenTool></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="M3.163 20.837 5.285 9.382c2.121-2.121 4.667-2.121 6.788-1.697l4.242 4.242c.424 2.121.424 4.667-1.697 6.788Z"/><path d="m3.163 20.837 4.653-4.653a2.4 2.4 0 0 1 .014-3.408 2.399 2.399 0 1 1 3.394 3.394 2.4 2.4 0 0 1-3.408.014m9.349-11.893 2.544 2.544c.395.395.592.592.724.789a2.4 2.4 0 0 1 0 2.666c-.132.197-.33.394-.724.789-.394.394-.591.591-.788.723a2.4 2.4 0 0 1-2.666 0c-.197-.132-.394-.33-.789-.724l-2.544-2.544c-.395-.395-.592-.592-.724-.789a2.4 2.4 0 0 1 0-2.666c.132-.197.33-.394.724-.789.394-.394.591-.591.788-.723a2.4 2.4 0 0 1 2.666 0c.197.132.394.33.789.724"/>
</svg>import iconUrl from "vadivam/icons/pen-tool.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/pen-tool.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.