Design Tools 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 { IconDesignTools } from "@devigner-ui/icons";
<IconDesignTools className="size-6" />
<script setup>
import { IconDesignTools } from "@devigner-ui/icons-vue";
</script>
<template>
<IconDesignTools class="size-6" />
</template>
<script>
import { IconDesignTools } from "@devigner-ui/icons-svelte";
</script>
<IconDesignTools class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_12_78613)"><path d="M11.1 17.62c0 1.1-.42 2.15-1.21 2.95a4 4 0 0 1-2.43 1.16L5 22a2.1 2.1 0 0 1-2.33-2.35l.27-2.46a4.1 4.1 0 0 1 4.01-3.63q.3-.01.6.01c.85.11 1.68.5 2.36 1.19a4 4 0 0 1 1.16 2.29z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="1"><path d="M22.48 3.94a34 34 0 0 1-8.63 11.65l-1.97 1.58q-.37.28-.78.45 0-.28-.04-.57a4 4 0 0 0-1.16-2.29 4 4 0 0 0-2.36-1.19q-.3-.03-.6-.01.16-.47.49-.84l1.56-1.97c2.58-3.23 7.82-7.11 11.65-8.64a1.4 1.4 0 0 1 1.52.31c.38.37.56.94.32 1.52" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.91 14.47a4.73 4.73 0 0 0-4.73-4.73" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="m20.79 12.73.74.73q2.23 2.23 0 4.45l-2.96 2.96q-2.21 2.2-4.43 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.78 10.51q-2.2-2.22 0-4.45L6.74 3.1q2.22-2.2 4.43 0l.74.74" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="m11.92 3.85-3.7 3.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="m20.79 12.73-2.96 2.95" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></g><defs><clipPath><rect width="24" height="24" fill="none" transform="translate(0.669922)"></rect></clipPath></defs></svg>