50+ Awesome Examples of Long Shadow in Icon, Logo and Graphic Design

Flat design took the world by the storm thanks to success by Windows Phone and iOS7. Most design related startups are now using flat design for all their services, products and apps an it this trend is there to stay at least for few more years.

Below you will find a hand picked list of the best flat design examples using long shadows. If you are looking into flat design in general you might want to look here.

If you feel that some long shadow examples are missing, please leave a comment below and I will add it to the list.

Long Shadow Generator

You can generate your own long shadows for any smart object using Adobe Photoshop. It includes two long shadow versions.

• Author: Raul Taciu
• Data created: Jul 3, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Vine Logo

Logo of the best app to create and share short, looping videos. Vine is available for iOS and Android.

• Author: Kevin D.H Kim
• Data created: Jul 6, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

One Sec Logo

Logo for startup that creates and shares short handcrafted animation videos.

• Author: Mantas Bačiuška
• Data created: Aug 28, 2013

[divider line_type=”Full Width Line” custom_height=”0″]

Elie Logo

Logo design example for personal portfolio.

• Author: Elie Herrera
• Data created: Jun 27, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Creative Guru

Long shadow logo design example for portfolio website.

• Author: Christoffel Gilis
• Data created: Jul 2, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

FV Logo

Long shadow logo design example for personal website.

• Author: Francis Vega
• Data created: Aug 7, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

E-learning

Logo for e-learning startup.

• Author: Martin Wisniewski
• Data created: Jul 1, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

eSterling

eSterling logo redesign using long shadow.

• Author: Adam Egginton
• Data created: Jul 9, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Savory

Logo for local restaurant.

• Author: Christoph Gromer
• Data created: Jun 27, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Dropbox

Logo for a widely popular file syncing and sharing startup.

• Author: Kevin Py
• Data created: Jun 10, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Flat Geo

Long shadow logo example.

• Author: Martin Wessely
• Data created: Jun 27, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

AppMarket

Logo example for iOS startup.

• Author: Martin Wisniewski
• Data created: Jul 5, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Molnat logo v.2

Logo and icon for iOS App.

• Author: Zebastian Zattberg
• Data created: Jul 3, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Logo Redesign

• Author: Enrico Capone
• Data created: Jul 3, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Frt 42

Logo for personal portfolio website.

• Author: Lucas Tarasconi
• Data created: Jul 8, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

MongolMusic

Logo for music related startup.

• Author: Chris
• Data created: Jul 26, 2013

[divider line_type=”Full Width Line” custom_height=”0″]

Long shadow graffiti M

• Author: Marius Balaj
• Data created: Sep 24, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Syslab Backoffice

Long shadow logo example foe Syslab backoffice.

• Author: Gaétan Pautler
• Data created: Jul 11, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

qerlz

Logo for tech startup.

• Author: Youssef Salah
• Data created: Aug 25, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Ink

• Author: Daniel Smyth
• Data created: Jul 8, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Lana

• Author: Ciprian Turcu
• Data created: Aug 23, 201
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Long Shadow Design

• Author: Philip
• Data created: Jul 31, 2013

[divider line_type=”Full Width Line” custom_height=”0″]

Designmodo

Logo redesign using long shadow for a widely popular web and graphic design website.

• Author: Arun Raj
• Data created: Jul 5, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Tigers

• Author: Kalin Wood
• Data created: Aug 22, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Kurtgroener

Logo for personal portfolio website.

• Author: Kurt Gröner
• Data created: Jul 2, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Heat – World Champs

I guess this one is self explanatory – Miami Heats.

• Author: Luis M Ruiz
• Data created: Aug 26, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

NM

Long shadow logo for personal portfolio.

• Author: Naitana Moreno
• Data created: Jul 22, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Listye

Long shadow logo for email marketing startup.

• Author: Edog
• Data created: Jul 12, 2013

[divider line_type=”Full Width Line” custom_height=”0″]

Re:mix Raleigh

• Author: Adam Hajnos
• Data created: Jul 25, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Symbolicons.com

Long shadow practice based on icons form Symbolicons.com

• Author: Iris Eda Atalay
• Data created: Jul 10, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Adobe PhotoShop

Adobe photoshop icon redesign.

• Author: Anh Vu Hoang
• Data created: Jun 8, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

HintApp

Icon for iOS app developers. Company currently working on photo editing and sharing app called PhotoDream.

• Author: Mike Beecham
• Data created: Jul 4, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Flat Design

• Author: Forastero
• Data created: Jul 7, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Easy Clock

Designed for inspiration.

• Author: Yiğit Pınarbaşı
• Data created: Jul 2, 2013

[divider line_type=”Full Width Line” custom_height=”0″]

Enough

Long shadow icon designed for inspiration.

• Author: Yiğit Pınarbaşı
• Data created: Jun 29, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

iOS 7 App Icon

• Author: Dennis Phang
• Data created: Jul 12, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Flat Design Long Shadow

Designed at Muse Comunicazione.

• Author: Mirco Moretti
• Data created: Jun 29, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Safari

Apple Safari icon redesign.

• Author: Slava Beskrovniy
• Data created: Jun 12, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Rubee

Rubee website redesign using flat design and long shadows.

• Author: Ben Lee
• Data created: Jun 13, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Random icons

Icons made for inspiration.

• Author: Jee
• Data created: Feb 28, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

World Clock Widget

• Author: Paul Flavius Nechita
• Data created: Jul 25, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Skype

Skype logo redesign with long shadow.

• Author: JustD
• Data created: Jun 9, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

iOS7

Flat iOS7 icon designed for inspiration.

• Author: Forastero
• Data created: Jun 10, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Travel Icon

Travel icon for iOS app.

• Author: Egor Kosten
• Data created: Jul 24, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Tiny Furniture Illustration

Flat design illustration made for digital publication called The Magazine.

• Author: Dangerdom
• Data created: Jun 20, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Need For Speed

Need For Speed 17 iOS 7 icon. One of the best flat design inspired icons.

• Author: Musical Offering
• Data created: Jul 22, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Just a bike

Yellow Bicycle designed using long shadows. Designed for fun and inspiration.

• Author: GErika Henell
• Data created: Jul 11, 2013
• Source: Dribbble

[divider line_type=”Full Width Line” custom_height=”0″]

Thank you for visiting Colorlib and reading this article! We highly appreciate it! Now you might want to learn how to make a website using our free WordPress themes.