Ruler Pen icon in outline, twotone, bold and bulk. Free in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG, the React, Vue or Svelte 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>