---
title: "Layout Top Bar Icon | Free Download PNG & SVG | Sharp Flat"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/layout-top-bar--25504
canonical_url: "https://www.streamlinehq.com/icons/download/layout-top-bar--25504"
summary: "Sharp flat icon of a webpage with a dark top bar and three light blocks. Used for headers, dashboards, and layouts."
---

# Layout Top Bar icon

The Layout Top Bar icon shows a rectangular interface with a dark top bar, three light blocks, and a large light body. Drawn in the flat style on a 24px grid for clear, geometric spacing. Use it for website headers, dashboard layouts, app shells, and navigation interfaces. It belongs to Sharp Flat set in the Sharp family.

## Preview

![Sharp flat icon of a webpage with a dark top bar and three light blocks. Used for headers, dashboards, and layouts.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/layouts/layout-top-bar-j5ad78ob52rdpqyeny80g.png/layout-top-bar-3ztn3jvhqpaypjfx3njnl.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Layout Top Bar
- **Type**: Icon
- **Set**: [Sharp Flat](/icons/sharp-flat-style.md) — Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel. The Flat style is easy to integrate into projects that need icons with a more illustrative purpose, working best at larger sizes. All Sharp Flat icons are designed on a 24px grid with two customizable colors.
- **Family**: [Sharp](/icons/sharp-sets.md) — Brutalist icons
- **Style**: Flat, Geometric
- **Category**: Interface Essential › Layouts
- **Default size**: 24px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: layout, top, bar, header, navigation, icons, webpage, searchbar, browser, window, interface, design, branding, internet, online, tab

## Download

- [Download Layout Top Bar on Streamline](https://www.streamlinehq.com/icons/download/layout-top-bar--25504)

## Also available in other styles

- [Layout Top Bar — Sharp Solid](/icons/download/layout-top-bar--25340.md) (Pro)
- [Layout Top Bar — Sharp Remix](/icons/download/layout-top-bar--28715.md) (Pro)
- [Layout Top Bar — Sharp Gradient](/icons/download/layout-top-bar--28007.md) (Pro)
- [Layout Top Bar — Sharp Pop](/icons/download/layout-top-bar--31660.md) (Pro)
- [Layout Top Bar — Sharp Neon](/icons/download/layout-top-bar--30700.md) (Pro)
- [Layout Top Bar — Sharp Line](/icons/download/layout-top-bar--24996.md) (Pro)
- [Layout Top Bar — Sharp Duo](/icons/download/layout-top-bar--25172.md) (Pro)

---

[View full sitemap](/sitemap.md)