Free Pen Add 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 { IconPenAdd } from "@devigner-ui/icons";
<IconPenAdd className="size-6" />
<script setup>
import { IconPenAdd } from "@devigner-ui/icons-vue";
</script>
<template>
<IconPenAdd class="size-6" />
</template>
<script>
import { IconPenAdd } from "@devigner-ui/icons-svelte";
</script>
<IconPenAdd class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1"><path d="m21.86 8.04-3.18-3.18c-1.2-1.2-2.85-1.14-3.66.15l-1.77 2.8 5.67 5.67 2.8-1.77c1.21-.77 1.28-2.54.14-3.67" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m18.92 13.47.24 4.12c.23 2.3-.57 3.1-2.75 3.36l-8.72 1.03c-1.84.21-3.16-1.11-2.94-2.94l.98-8.28" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.25 7.81 11.5 7.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m5.95 20.78 3.18-3.19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="M11.67 6.5a4.4 4.4 0 0 1-.65 2.32q-.36.6-.89 1.06a4.4 4.4 0 0 1-4.4.88A4.5 4.5 0 0 1 2.67 6.5c0-1.42.65-2.69 1.69-3.51a4.5 4.5 0 0 1 7.31 3.51" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.19 8.18V4.82" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.83 6.5H5.47" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg>