Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In business applications like Salesforce and HubSpot, this layout appears when combining main navigation menus in the top header with detailed module navigation or record organization in the left sidebar. Content management systems including WordPress and Drupal implement it for administrative toolbars paired with content navigation and site structure organization, while project management platforms such as Monday.com and Asana display it for workspace navigation combined with project and task organization panels.

Question 5

What does this icon communicate to users?

Accepted Answer

From a information architecture perspective, the top-left panel combination communicates more than basic layout organization - it specifically indicates hierarchical navigation systems, comprehensive feature access, and the structured workflow support that enables complex task management and efficient information discovery. This dual-zone approach helps users navigate between high-level application areas while maintaining access to detailed organizational structures.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in enterprise application interfaces and comprehensive navigation systems where it represents combined header and sidebar panel organization. In shadcn/ui applications, combine it with NavigationMenu components for top navigation alongside Sidebar components for detailed navigation structures or MenuBar components paired with Collapsible components for expandable navigation hierarchies. The dual-division pattern should convey structured information access when used in layout tools to encourage users to create logical navigation architectures with both broad application access and detailed organizational control.

Panels Top Left Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons