Free Ruler Angular 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 { IconRulerAngular } from "@devigner-ui/icons";
<IconRulerAngular className="size-6" />
<script setup>
import { IconRulerAngular } from "@devigner-ui/icons-vue";
</script>
<template>
<IconRulerAngular class="size-6" />
</template>
<script>
import { IconRulerAngular } from "@devigner-ui/icons-svelte";
</script>
<IconRulerAngular class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6v12.5c0 1.4 0 2.1.34 2.61a2 2 0 0 0 .55.55c.5.34 1.2.34 2.61.34 1.4 0 2.1 0 2.61-.34a2 2 0 0 0 .55-.55c.34-.5.34-1.2.34-2.61V11c0-.94 0-1.41.3-1.7.29-.3.76-.3 1.7-.3h7.5c1.4 0 2.1 0 2.61-.34a2 2 0 0 0 .55-.55c.34-.5.34-1.2.34-2.61 0-1.4 0-2.1-.34-2.61a2 2 0 0 0-.55-.55C20.61 2 19.91 2 18.5 2H6c-1.89 0-2.83 0-3.41.59C2 3.17 2 4.1 2 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M12 2v2m6-2v2M9 2v3m6-3v3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M2 12h2m-2 6h2m-2-3h3M2 9h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>