Free Ruler Pen 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 { IconRulerPen } from "@devigner-ui/icons";
<IconRulerPen className="size-6" />
<script setup>
import { IconRulerPen } from "@devigner-ui/icons-vue";
</script>
<template>
<IconRulerPen class="size-6" />
</template>
<script>
import { IconRulerPen } from "@devigner-ui/icons-svelte";
</script>
<IconRulerPen class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 22c-1.89 0-2.83 0-3.41-.59C12 20.83 12 19.9 12 18V6c0-1.89 0-2.83.59-3.41C13.17 2 14.1 2 16 2h2c1.89 0 2.83 0 3.41.59C22 3.17 22 4.1 22 6v12c0 1.89 0 2.83-.59 3.41-.58.59-1.52.59-3.41.59z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M12 12h2m-2-6h2m-2 12h2m-2-3h3m-3-6h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m6.01 21.03-.29.55A.8.8 0 0 1 5 22a.8.8 0 0 1-.72-.42l-.3-.55m2.03 0H4m2.02 0 1.18-2.25c.28-.52.42-.79.52-1.06q.18-.5.25-1c.04-.3.04-.6.04-1.19V4.85A2.93 2.93 0 0 0 5 2C3.34 2 2 3.28 2 4.85v10.68c0 .6 0 .9.04 1.18q.06.52.25 1a8 8 0 0 0 .52 1.07l1.18 2.25" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M2 5.8s1.13.95 3 .95 3-.95 3-.95" stroke="currentColor" stroke-width="1.5"></path></svg>