Free Path 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 { IconPathSquare } from "@devigner-ui/icons";
<IconPathSquare className="size-6" />
<script setup>
import { IconPathSquare } from "@devigner-ui/icons-vue";
</script>
<template>
<IconPathSquare class="size-6" />
</template>
<script>
import { IconPathSquare } from "@devigner-ui/icons-svelte";
</script>
<IconPathSquare 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="m17.42 9.12-1.85-1.85c-.7-.7-1.66-.66-2.13.08l-1.03 1.63 3.29 3.29 1.63-1.03c.71-.44.75-1.47.09-2.12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m12.4 8.98-2.38-.14c-1.34-.08-1.8.33-1.95 1.6l-.6 5.07c-.13 1.07.64 1.83 1.7 1.71l5.08-.6c1.27-.15 1.73-.61 1.6-1.95l-.14-2.39" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m8.16 16.52 1.85-1.85" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="M9.67 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>