Category · 29 icons · 20 styles
Layout icons
Page structure and views: grids, lists, columns, sidebars, dashboards, tables and layers. Every one is free, comes in 20 styles, and downloads as SVG or PNG in any colour.
Every layout icon
Click any icon for downloads in all twenty styles, colours, sizes and animations.
- App Windowwindow, browser
- Circle Dotradio button, radio checked
- Columnssplit view, two columns
- Croptrim, crop image
- Drag Handlegrip, grip vertical
- Filterfunnel, refine
- Gallery Horizontalcarousel, slider
- Kanbanboard, kanban board
- Layersstack, z order
- Layout Dashboarddashboard, widgets
- Layout Gridgrid view, grid
- Layout Listlist view, view list
- Layout Templatetemplate, wireframe
- List Filterfilter lines, filter options
- Maximizefullscreen, full screen
- Minimizeexit fullscreen, shrink
- Panel Bottombottom panel, bottom sheet
- Panel Left Closesidebar collapse, collapse sidebar
- Panel Left Opensidebar expand, expand sidebar
- Panel Rightsidebar right, right panel
- Picture In Picturepip, mini player
- Sidebarside panel, toggle sidebar
- Slidersadjust, equalizer
- Sortorder, order by
- Tabledata table, datagrid
- Text Cursor Inputinput field, text field
- Toggleswitch, toggle switch
- Zoom Inzoom, magnify
- Zoom Outzoom minus, search minus
What each one means
Plain descriptions, and the other words people search for.
| Icon | Shows | Also known as |
|---|---|---|
| App Window | An application window with a title bar and three dots, for apps, web pages and browser views. | window, browser, webpage, application, browser window, web app, app, web page |
| Circle Dot | A circle with a solid dot in the centre, the selected radio button or a recording point. | radio button, radio checked, radio selected, radio on, option selected, dot circle, record dot, circle filled dot |
| Columns | A frame split into two vertical panes for split or multi-column layouts. | split view, two columns, side by side, panes, split screen, dual pane, columns 2, two panel |
| Crop | Two overlapping L-shaped rulers forming a crop frame. | trim, crop image, crop photo, frame, resize image, cut image, clip image, aspect ratio |
| Drag Handle | A grip of dots that makes a row or card draggable. | grip, grip vertical, drag, reorder, sortable, handle, dots grid, move handle |
| Filter | A funnel for narrowing a list or table by criteria. | funnel, refine, facets, narrow, filter list, sift, sieve, narrow down |
| Gallery Horizontal | A centred slide between two peeking neighbours, for carousels and sliders. | carousel, slider, slideshow, image slider, slides strip, gallery strip, image carousel, photo slider |
| Kanban | Three columns of cards, a kanban board | board, kanban board, task board, project board, scrum board, swimlanes, trello, agile |
| Layers | Stacked sheets representing layers, overlays, and grouped objects. | stack, z order, z index, overlays, layer panel, levels, sheets, stacked |
| Layout Dashboard | Dashboard of four panels of unequal size | dashboard, widgets, panels, overview, admin panel, bento, control panel, analytics dashboard |
| Layout Grid | Equal tiles switching a collection into grid or card view. | grid view, grid, tiles, cards, apps, modules, thumbnails view, app grid |
| Layout List | Stacked rows, each a thumbnail beside two text lines, switching a collection into list view. | list view, view list, list layout, rows view, feed view, detail view, media list, row layout |
| Layout Template | A page wireframe with a header block, a side block and lines of text, for templates and mockups. | template, wireframe, page layout, mockup, page template, layout blocks, site template, page builder |
| List Filter | Three centred lines that get shorter toward the bottom, for filtering and narrowing down a list. | filter lines, filter options, filter bars, results filter, filter rows, funnel lines, filter menu, filter |
| Maximize | Two diagonal arrows pointing out to opposite corners, expanding a view to fullscreen. | fullscreen, full screen, enter fullscreen, expand, enlarge, arrows out, go fullscreen, blow up |
| Minimize | Two diagonal arrows pointing in toward the centre, exiting fullscreen or shrinking a panel. | exit fullscreen, shrink, contract, restore, reduce, arrows in, collapse view, leave fullscreen |
| Panel Bottom | A window frame with a pane along the bottom, for consoles, trays and bottom sheets. | bottom panel, bottom sheet, console pane, footer panel, dock bottom, bottom drawer, bottom bar, terminal panel |
| Panel Left Close | A window with a left sidebar and an inward chevron, for collapsing the navigation pane. | sidebar collapse, collapse sidebar, hide sidebar, close sidebar, sidebar close, menu collapse, nav collapse, panel left collapse |
| Panel Left Open | A window with a left sidebar and an outward chevron, for expanding the navigation pane. | sidebar expand, expand sidebar, show sidebar, open sidebar, sidebar open, menu expand, nav expand, panel left expand |
| Panel Right | A window frame with a pane on the right, for inspectors, details panels and side drawers. | sidebar right, right panel, inspector, details pane, right drawer, side sheet, right sidebar, panel right open |
| Picture In Picture | A screen with a small window inset in its corner, for picture-in-picture and floating video. | pip, mini player, floating window, inset video, overlay window, pop out video, floating video, pip mode |
| Sidebar | A window frame with a side rail on the left, for toggling the navigation panel. | side panel, toggle sidebar, drawer, nav panel, navigation drawer, rail, aside, left panel |
| Sliders | Horizontal tracks each carrying a draggable knob. | adjust, equalizer, tuning, settings panel, adjustments, controls panel, faders, mixer |
| Sort | A downward arrow beside lines of shrinking length, for changing the sort order of a collection. | order, order by, sort by, sort order, arrange, ascending, asc desc, sort descending |
| Table | A ruled grid with a header row, for tabular data views and table layouts. | data table, datagrid, data grid, spreadsheet, sheet, rows columns, tabular, cells |
| Text Cursor Input | A text box with a typing cursor for input fields, forms and anything you can type into. | input field, text field, text input, textbox, text box, input box, form field, entry field |
| Toggle | A pill-shaped switch track with its round knob resting at the on end. | switch, toggle switch, toggle on, on off, enable, enabled, feature flag, switch on |
| Zoom In | A magnifier with a plus for zooming into content. | zoom, magnify, zoom plus, search plus, magnifier plus, increase zoom, scale up, enlarge |
| Zoom Out | A magnifier with a minus for zooming out of content. | zoom minus, search minus, magnifier minus, unzoom, scale down, decrease zoom, shrink view, zoom back |
Pick a style
Every layout icon comes in all 20 styles.