SquarePen

import { SquarePen } from "vadivam-react";

<SquarePen />

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

<SquarePen />

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

<template>
  <SquarePen />
</template>

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

<SquarePen />

import { SquarePen } from "vadivam-solid";

<SquarePen />

import { SquarePen } from "vadivam-preact";

<SquarePen />

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

<SquarePen />

import { SquarePen } from "vadivam-angular";

<svg vadivamSquarePen></svg>

import { SquarePen } from "vadivam-qwik";

<SquarePen />

import { html } from "lit";
import { SquarePen } from "vadivam-lit";

html`${SquarePen()}`;

import 'package:vadivam/vadivam.dart';

VadivamIcon(VadivamIcons.squarePen)

import com.praveenjuge.vadivam.*
import com.praveenjuge.vadivam.icons.SquarePen

Icon(
    imageVector = VadivamIcons.SquarePen,
    contentDescription = null,
)

<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="M12 2h-.4c-3.36 0-5.04 0-6.324.654a6 6 0 0 0-2.622 2.622C2 6.56 2 8.24 2 11.6v.8c0 3.36 0 5.04.654 6.324a6 6 0 0 0 2.622 2.622C6.56 22 8.24 22 11.6 22h.8c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C22 17.44 22 15.76 22 12.4V12"/><path d="m9.578 10.829 7.831-7.842c.378-.378.567-.567.76-.687a1.98 1.98 0 0 1 2.087 0c.193.12.382.308.76.686s.566.566.686.759a1.97 1.97 0 0 1 0 2.086c-.12.192-.308.381-.686.759l-7.482 7.486c-.341.341-.511.512-.71.633a2 2 0 0 1-.57.236c-.227.055-.468.055-.95.055H9v-2.776c0-.523.208-1.025.578-1.395M19.606 8a7.5 7.5 0 0 0-3.604-3.604"/>
</svg>