{"id":17577,"date":"2013-07-05T21:01:29","date_gmt":"2013-07-05T13:01:29","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17577"},"modified":"2020-10-05T16:56:39","modified_gmt":"2020-10-05T08:56:39","slug":"long-shadow-design","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/","title":{"rendered":"Showcase of Long Shadow Icon Design"},"content":{"rendered":"<p><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/flat-design-resources\/\" rel=\"noopener noreferrer\">Flat<\/a> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/flat-ui-design-showcase\/\" rel=\"noopener noreferrer\">design<\/a> has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we now take a look at websites and mobile apps around, some of them are flatter \u2013 no shadows, textures, fake leather and gradients.<\/p>\n<p>The design looks simpler, spacious and has less distraction. It lets you focus on the content, which is the thing that matters most to users. I wonder what will come after this trend?<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/flat-design-resources\/\" class=\"ref-block__link\" title=\"Read More: Ultimate Guide to Flat Website Design\" rel=\"bookmark\"><span class=\"screen-reader-text\">Ultimate Guide to Flat Website Design<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/flat-design-resources.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-17449 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/flat-design-resources.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Ultimate Guide to Flat Website Design<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tThe combination of bright colors and exotic typography has paved the way for unique flat interfaces. Minimalism is...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p>Recently, there is a little new trend emerging in the design community, which I assume started off when designers were trying to fix iOS 7 outlandish icons. <strong>Jeff Escalante<\/strong>, the one who initiate this trend discussion, called it <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/r\/graphic_design\/comments\/1h9kvg\/long_shadow_design_jeff_escalante\/\"><strong>Long Shadow Design<\/strong><\/a>.<\/p>\n<p>He outlined that the \u201cLong Shadow\u201d design has some typical characteristics: the shadow extends at an approximately 45-degree angle, and has the size of 2.5 times of the object. Here\u2019s an example.<\/p>\n<figure><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1127451-iOS7-Safari\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ios7.jpg\" width=\"500\" height=\"249\" alt=\"ios icon\"><\/a><\/figure>\n<p>As you can see above, the result is fascinating. The shadow <strong>gives a sense of depth, yet still maintains the flat look<\/strong> of the object. It\u2019s tricky to achieve such long shadow effect only using CSS3.<\/p>\n<p>However, we also don\u2019t know whether this Long Shadow design, will take off as a future trend or not. To me, it is more logical and  sensible to be applied for icons and logos. It might look awkward and feel inappropriate to have this kind of shadow all over.<\/p>\n<p>In the mean time, here are some more \u201cLong Shadow\u201d design examples that we have put together for your inspiration.<\/p>\n<h3>#1 \u2013 Apple Logo @<a target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1108054-Apple\" rel=\"noopener noreferrer\">Eldin Heric<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/apple.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#2 \u2013 Skype @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1107326-Everything-is-going-flat\"><\/a>JustD<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/flatskype.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#2 \u2013 Camera @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1115632-Camera\">Jacob Cummings<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/camera.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#3 \u2013 Maxton Browser @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1106720-Maxthon-Browser\">Livin <\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/maxton.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#4 \u2013 Batman @Hawk Jon<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/tdk.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#5 \u2013 Camera @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1113789-Camera\">Slava Breskovniy<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/camera2.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#6 \u2013 iOS7 Safari @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1127451-iOS7-Safari\">Mitchell Pash<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/compass.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#7 \u2013 Music @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1115960-Music\">Jacob Cummings<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/music.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#8 \u2013 Dribble @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1106811-Dribbble\">Xalion<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/dribbble.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#9 \u2013 Flat Club @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1133483-Flat-Club\">miguelcm<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/flatclub.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#10 \u2013 Man of Steel @Kreativa Studio<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/manofsteel.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#11 \u2013 Internet Explorer @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1107027-Internet-Explorer\">Thomas Snop<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ie.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#12 \u2013 Minions @Michael Burns<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/minions.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#13 \u2013 Mo @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1106742-Mo\">Mogo<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/mo.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#14 \u2013 North Side Fitness @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1134369-North-Side-Fitness\">Steve Testone<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/northside.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#15 \u2013 Personal Logo @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1108300-Personal-logo\">Eldin Heric<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/personallogo.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#16 \u2013 PressPad @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1108938-PressPad\">Bart Zimny<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/presspad.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#17 \u2013 iTunes Radio @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1109717-Itunes-radio-Dribbble-est-une-fille-facile\">plicploc<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/radio.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#18 \u2013 Rubee @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1112874-Main-Page-of-Rubee\">Ben Lee<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/rubee.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#19 \u2013 Motherfuton News @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1132459-Motherfuton-News\">Noah Stoke<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/mfn.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#20 \u2013 Safari Icon @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1116775-Safari\">Jacob Cummings<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/safari-icon.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#21 \u2013 Setting Icon @Marin Sotirov<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/setting-icon.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#22 \u2013 Twitter iOS7 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1118188-Twitter-iOS7\">Frederik Samuel<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/twitter.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#23 \u2013 The Punisher @Brett Carel<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/thepunisher.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#24 \u2013 Social Flat Icons @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/9232247\/40-Social-Media-Flat-Icons\">Graphic Burger<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/social-media-flat-icons.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<h3>#25 \u2013 Download Button @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1104951-Download-Button\">Juns<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/downloadbtn.jpg\" width=\"500\" height=\"375\" alt=\"long shadow design trend\"><\/figure>\n<p>If you have any thoughts, feel free to share it in the comment box below.<\/p>","protected":false},"excerpt":{"rendered":"<p>Flat design has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we now take a look at websites and mobile apps around, some of them are flatter \u2013 no shadows, textures, fake leather and gradients. The design looks&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395,352],"tags":[2372,1391],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Showcase of Long Shadow Icon Design - Hongkiat<\/title>\n<meta name=\"description\" content=\"Flat design has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Showcase of Long Shadow Icon Design\" \/>\n<meta property=\"og:description\" content=\"Flat design has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-05T13:01:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-05T08:56:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ios7.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Showcase of Long Shadow Icon Design\",\"datePublished\":\"2013-07-05T13:01:29+00:00\",\"dateModified\":\"2020-10-05T08:56:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/\"},\"wordCount\":406,\"commentCount\":44,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/long-shadow-design\\\/ios7.jpg\",\"keywords\":[\"Flat Design\",\"Icons\"],\"articleSection\":[\"UI\\\/UX\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/\",\"name\":\"Showcase of Long Shadow Icon Design - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/long-shadow-design\\\/ios7.jpg\",\"datePublished\":\"2013-07-05T13:01:29+00:00\",\"dateModified\":\"2020-10-05T08:56:39+00:00\",\"description\":\"Flat design has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/long-shadow-design\\\/ios7.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/long-shadow-design\\\/ios7.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/long-shadow-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Showcase of Long Shadow Icon Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Showcase of Long Shadow Icon Design - Hongkiat","description":"Flat design has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/","og_locale":"en_US","og_type":"article","og_title":"Showcase of Long Shadow Icon Design","og_description":"Flat design has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we","og_url":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-07-05T13:01:29+00:00","article_modified_time":"2020-10-05T08:56:39+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ios7.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Showcase of Long Shadow Icon Design","datePublished":"2013-07-05T13:01:29+00:00","dateModified":"2020-10-05T08:56:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/"},"wordCount":406,"commentCount":44,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ios7.jpg","keywords":["Flat Design","Icons"],"articleSection":["UI\/UX","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/","url":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/","name":"Showcase of Long Shadow Icon Design - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ios7.jpg","datePublished":"2013-07-05T13:01:29+00:00","dateModified":"2020-10-05T08:56:39+00:00","description":"Flat design has been a tremendously hot topic for the last couple of months, and we have also discussed it several times in our previous posts. And if we","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ios7.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/long-shadow-design\/ios7.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/long-shadow-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Showcase of Long Shadow Icon Design"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4zv","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=17577"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17577\/revisions"}],"predecessor-version":[{"id":52445,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17577\/revisions\/52445"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=17577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=17577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=17577"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=17577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}