Pen

import { Pen } from "vadivam-react";

<Pen />

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

<Pen />

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

<template>
  <Pen />
</template>

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

<Pen />

import { Pen } from "vadivam-solid";

<Pen />

import { Pen } from "vadivam-preact";

<Pen />

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

<Pen />

import { Pen } from "vadivam-angular";

<svg vadivamPen></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="M9.016 20.562c-.531.53-.797.796-1.107.986a3 3 0 0 1-.887.367C6.669 22 6.293 22 5.542 22H2.008l-.004-.003L2 21.993v-3.535c0-.751 0-1.127.085-1.48a3 3 0 0 1 .367-.887c.19-.31.456-.576.986-1.107L15.266 3.156a3.944 3.944 0 1 1 5.579 5.579Zm-.539.538A11.73 11.73 0 0 1 2.9 15.523"/>
</svg>

import iconUrl from "vadivam/icons/pen.svg";

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