Hierarchy Square3 icon in outline, twotone, bold and bulk. Free in all four styles, for code, servers, databases, devops, terminals. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconHierarchySquare3 } from "@devigner-ui/icons";
<IconHierarchySquare3 className="size-6" />
<script setup>
import { IconHierarchySquare3 } from "@devigner-ui/icons-vue";
</script>
<template>
<IconHierarchySquare3 class="size-6" />
</template>
<script>
import { IconHierarchySquare3 } from "@devigner-ui/icons-svelte";
</script>
<IconHierarchySquare3 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="M8.47 13.8V9.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.62 18a1.95 1.95 0 1 0 0-3.9 1.95 1.95 0 0 0 0 3.9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.47 9.6a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.87 9.6a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.55 13.8a2.4 2.4 0 0 1 2.36-1.82l2.06.01c1.57.01 2.91-1 3.4-2.41" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="M9.67 2h6c5 0 7 2 7 7v6c0 5-2 7-7 7h-6c-5 0-7-2-7-7V9c0-5 2-7 7-7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>