PencilSparkles
Use it
npm install vadivam-reactimport { PencilSparkles } from "vadivam-react";
<PencilSparkles />npm install vadivam-react-nativeimport { PencilSparkles } from "vadivam-react-native";
<PencilSparkles />npm install vadivam-vue<script setup>
import { PencilSparkles } from "vadivam-vue";
</script>
<template>
<PencilSparkles />
</template>npm install vadivam-svelte<script>
import { PencilSparkles } from "vadivam-svelte";
</script>
<PencilSparkles />npm install vadivam-solidimport { PencilSparkles } from "vadivam-solid";
<PencilSparkles />npm install vadivam-preactimport { PencilSparkles } from "vadivam-preact";
<PencilSparkles />npm install vadivam-astro---
import { PencilSparkles } from "vadivam-astro";
---
<PencilSparkles />npm install vadivam-angularimport { PencilSparkles } from "vadivam-angular";
<svg vadivamPencilSparkles></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.844 15.904a10.97 10.97 0 0 1 5.278 5.25L19.563 9.71c.553-.552.83-.828 1.005-1.11a2.89 2.89 0 0 0 .001-3.048c-.175-.282-.451-.558-1.003-1.11-.553-.554-.83-.83-1.111-1.006a2.89 2.89 0 0 0-3.05 0c-.282.176-.558.452-1.111 1.006L3.357 15.39c-.5.502-.751.752-.93 1.045a2.9 2.9 0 0 0-.347.838C2 17.606 2 17.96 2 18.669V22h4.084a2.88 2.88 0 0 0 2.038-.845M18.65 10.622a10.98 10.98 0 0 0-5.267-5.268M4.75 2c.495 1.952 1.1 2.564 2.75 3.094-1.65.529-2.255 1.141-2.75 3.094C4.255 6.236 3.65 5.624 2 5.094 3.65 4.565 4.255 3.953 4.75 2"/>
</svg>import iconUrl from "vadivam/icons/pencil-sparkles.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/pencil-sparkles.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.