Design trend: list view icons

September 27, 2012 · Chris Peters

It seems that web designers are starting to standardize on list-view-switcher icons in their web applications. The following are some examples that I've noticed.

It seems that web designers are starting to standardize on list-view-switcher icons in their web applications. There are usually icons for some combination of these list views:

  • List
  • Table
  • Grid
  • Details

The following are some examples that I’ve noticed.

Moo business card designs

Basecamp projects listing

Google Drive files listing

Railscasts episodes listing

Inspiration from OS and application design

I suppose most of this inspiration comes from the view switchers icons in the Mac Finder (Mac’s equivalent to the Windows Explorer for the uninitiated):

And iTunes:

And even the Windows 7 Explorer:

About Chris Peters

With over 20 years of experience, I help plan, execute, and optimize digital experiences.

Leave a comment