Sitemap 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 { IconSitemap } from "@devigner-ui/icons";
<IconSitemap className="size-6" />
<script setup>
import { IconSitemap } from "@devigner-ui/icons-vue";
</script>
<template>
<IconSitemap class="size-6" />
</template>
<script>
import { IconSitemap } from "@devigner-ui/icons-svelte";
</script>
<IconSitemap class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.67 8h-3a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.47 7h-3.6a1.2 1.2 0 0 1-1.2-1.2V4.2c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v1.6c0 .66-.54 1.2-1.2 1.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.47 14.5h-3.6a1.2 1.2 0 0 1-1.2-1.2v-1.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v1.6c0 .66-.54 1.2-1.2 1.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="1"><path d="M9.67 5h7" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.17 5v13c0 1.1.9 2 2 2h1.5" fill="none"></path><path d="M13.17 5v13c0 1.1.9 2 2 2h1.5" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.17 12.5h3.5" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="M21.47 22h-3.6a1.2 1.2 0 0 1-1.2-1.2v-1.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v1.6c0 .66-.54 1.2-1.2 1.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>