Free Pen New Square SVG icon in outline, twotone, bold and bulk. Available in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconPenNewSquare } from "@devigner-ui/icons";
<IconPenNewSquare className="size-6" />
<script setup>
import { IconPenNewSquare } from "@devigner-ui/icons-vue";
</script>
<template>
<IconPenNewSquare class="size-6" />
</template>
<script>
import { IconPenNewSquare } from "@devigner-ui/icons-svelte";
</script>
<IconPenNewSquare class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M22 10.5V12c0 4.71 0 7.07-1.46 8.54C19.07 22 16.7 22 12 22s-7.07 0-8.54-1.46C2 19.07 2 16.7 2 12s0-7.07 1.46-8.54C4.93 2 7.3 2 12 2h1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m17.3 2.8-.65.66-5.96 5.96c-.4.4-.6.6-.78.83q-.3.4-.53.85c-.12.25-.2.52-.39 1.06l-.58 1.74-.37 1.12a.74.74 0 0 0 .94.94l1.12-.37 1.74-.58c.54-.18.8-.27 1.06-.4q.46-.2.85-.52c.22-.17.43-.37.83-.78l5.96-5.96.65-.65a2.75 2.75 0 0 0-3.89-3.9" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M16.65 3.46s.08 1.37 1.3 2.6a4.5 4.5 0 0 0 2.6 1.29M10.1 15.59 8.41 13.9" stroke="currentColor" stroke-width="1.5"></path></svg>