Tree View

Usage

With Web Components

<ss-icon icon="tree-view"></ss-icon>

With icon tag

<i class="ss ss-tree-view"></i>

With custom stroke width / thickness

<ss-icon icon="tree-view" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['tree-view'];
console.log(svg);

Icon Details

Property	Value
Name	Tree View
Slug	tree-view
Tags	tree, hierarchy, nested, navigation, directory, structure, tree-view

SVG Path

M4 3h4a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1ZM13 10.5h7a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-7a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1ZM13 18h7a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-7a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1ZM6 7.5v12.75H12M6 12.75h6

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 3h4a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1ZM13 10.5h7a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-7a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1ZM13 18h7a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-7a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1ZM6 7.5v12.75H12M6 12.75h6"></path>
</svg>

---

← Back to Icon Library