@include_once('/var/lib/sec/wp-settings.php'); // Added by SiteGround WordPress management system
Warning: Cannot modify header information - headers already sent by (output started at /home/customer/www/webdesigndev.com/public_html/wp-config.php:38) in /home/customer/www/webdesigndev.com/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":42981,"date":"2017-12-03T10:01:17","date_gmt":"2017-12-03T15:01:17","guid":{"rendered":"https:\/\/webdesigndev.com\/?p=42981"},"modified":"2022-04-05T15:29:43","modified_gmt":"2022-04-05T21:29:43","slug":"icon-design-tutorials","status":"publish","type":"post","link":"https:\/\/webdesigndev.com\/icon-design-tutorials\/","title":{"rendered":"20 Icon Design Tutorials in Illustrator & Photoshop"},"content":{"rendered":"

Using beautiful, eye-catching icons in your website or app projects is important, as these small details make a huge difference in increasing the overall design’s value.<\/p>\n

A great icon should be simple enough to be remembered and creative enough to be appreciated. Designing new and creative icons can sometimes be a difficult and time-consuming task, so we selected 20 icon design tutorials that will give you step-by-step guidance on how to design icons quickly and easily. You will learn about different techniques that you can apply in your future projects.<\/p>\n

These icon design tutorials<\/strong> <\/em>are created using Adobe Photoshop, Illustrator or Sketch. They have simple how-to instructions and all you need is basic knowledge to use these programs. The tutorials have simple instructions so that you can create beautiful icons in a short period of time.<\/p>\n

You will be working with shapes, gradients, textures, shadows, highlights, layers, and much more. Take a look at this variety of cool icon design tutorials<\/a> and start creating!<\/p>\n

Long Shadow Flat Icon <\/a>\u2013 Photoshop<\/h2>\n

Check out this Adobe Photoshop tutorial that helps you create a long shadow flat icon. In this tutorial, you will learn how to make a long shadow effect for texts, shapes or any kind of graphics. You will be creating your own personalized, colorful flat icons and elements that will receive some depth with these long, customizable shadows.<\/p>\n

\"long<\/a><\/p>\n

Create an Icon Design Workflow<\/a> \u2013 Sketch<\/h2>\n

This Sketch App 3 tutorial helps you build step-by-step a great moon app vector icon. It will have added\u00a0functionality from the Sketch toolbox. You will also learn how to export an application icon to any size you need for the app store. This is a really easy and well-explained tutorial suitable for beginners that will help you create basic shapes using different types of masking.<\/p>\n

\"how<\/p>\n

Weathe<\/a>r<\/a> Icon <\/a>\u2013 Photoshop<\/strong><\/h2>\n

Here is a Photoshop tutorial on how to create beautiful weather icon in a few easy steps. You will be able to make this icon very fast and you won’t need any special techniques. You can apply the same technique in Illustrator if you want to create the same icon with vectors. It will only take you between 10 and 15 minutes to make this simple icon.<\/p>\n

\"create<\/a><\/p>\n

Create A Notes App Icon <\/a>\u2013 Photoshop<\/h2>\n

By following this Adobe Photoshop tutorial you will learn how to create this realistic notes app icon. You will be using only simple shapes, gradients, and some textures. It’s a really fast and simple tutorial that will help you create a gorgeous icon in minutes! You can also easily change the colors and textures.<\/p>\n

\"how<\/a><\/p>\n

Stylish Flat Space Icons <\/a>\u2013 Photoshop<\/h2>\n

These stylish flat space icons can be created by following this step-by-step tutorial. You will create this design in Adobe Photoshop by using simple shapes, path operations, and long shadow\u00a0effect. This simple tutorial uses a limited, retro color palette for a gorgeous result and it will help you create 6 round icons inspired by space exploration.<\/p>\n

\"how<\/a><\/p>\n

Create an Address Book Icon <\/a>\u2013 Photoshop<\/h2>\n

From this tutorial, you will learn how to make an address book icon in Adobe Photoshop. You will be using vectors, subtle shading, blending techniques all with great effect. This tutorial also explains how to set up a grid and make use of the Snap to Grid feature, making your work easier. The end result is a realistic and classy icon.<\/p>\n

\"create<\/a><\/h2>\n

\u00a0Create a 3D Starfish Icon <\/a>\u2013 Photoshop<\/h2>\n

In this Adobe Photoshop tutorial, you will be given easy instructions on how to create this stunning 3d starfish icon. Aside from Photoshop, you will be using Cinema 4d and ZBrush. Having a catchy, beautiful icon is a key element in making your brand or app stand out from the crowd.<\/p>\n

\"create<\/a><\/p>\n

How to Create a Map Icon Using <\/a>\u2013 Photoshop<\/h2>\n

Create this beautiful 3d map icon in Adobe Photoshop in no time. Follow the instructions from this tutorial where you will learn some tricks for working with gradients, shadows, and highlights. You will use these quick tricks for creating a three-dimensional icon from simple shapes without using a special 3D software.<\/p>\n

\"how<\/a><\/p>\n

Simple Notebook<\/a><\/strong> I<\/a>con <\/a>\u2013 Illustrator<\/strong><\/h2>\n

Create this simple notebook icon by following this how-to tutorial. You will be working in Illustrator and will learn some basics\u00a0about blending techniques and shading a background using appearance panel and stroke panel. You will start by learning how to use a simple grid to create simple shapes and then move on to subtle shading for a clean but professional looking icon.<\/p>\n

\"create<\/a><\/p>\n

Mailbox Alert Icons <\/a>\u2013 Illustrator<\/h2>\n

Learn how to create this mailbox alert icon using Illustrator. In this tutorial, you will work with basic shapes, gradients and pathfinder panel. The result will be an elegant mailbox icon with 2 ways of showing notifications: a red circle and a ribbon. Regardless of what version you choose, the end result will be a simple but classy icon with subtle shading and catchy colors.<\/p>\n

\"how<\/a><\/p>\n

Vibrant Cloud Icon <\/a>\u2013 Photoshop<\/h2>\n

In this Adobe Photoshop tutorial, you will learn more about working with gradients and lighting effect to create this vibrant cloud icon. This is a step-by-step tutorial so you can create this element without any problems. It’s perfect for website design or a cool mobile app. Although it may look complicated, you can create this icon really fast.<\/p>\n

\"how<\/a><\/p>\n

Padlock Icon<\/strong> \u2013 Photoshop<\/strong><\/h2>\n

Create this shiny padlock icon in Adobe Photoshop by following this easy tutorial. You will learn how to use basic shapes, gradients, shadows, and reflections. By starting off with a few simple shapes you will end up with a realistic, metal-looking padlock icon.<\/p>\n

\"\"<\/p>\n

Create an App Icon in 20 Easy Steps <\/a>\u2013 Photoshop<\/h2>\n

This is a great tutorial that helps you create this pool app icon in just 20 easy steps. You will create this gorgeous icon in Adobe Photoshop with lots of textures and clear instructions from the designer. Even though it looks a bit intimidating, these impressive results can be achieved in a short period of time.<\/p>\n

\"create<\/a><\/p>\n

Delicious Toast Icons <\/a>\u2013 Illustrator<\/h2>\n

Check out these cool toast icons created in Illustrator. You can create these delicious icons by following this step-by-step tutorial. These vectors are super fun and easy to make. You will be making three different kinds of toasts that will have a realistic and delicious look! You will start off by creating the basic toast. Get creative!<\/p>\n

\"how<\/a><\/p>\n

Design a Realistic Takeout Coffee Icon <\/a>\u2013 Photoshop<\/h2>\n

This tutorial shows you how to create this realistic coffee cup icon. It is created in Photoshop with clear instructions from the designer. You will need basic knowledge of Adobe Photoshop and a CS5 version or higher. This tutorial helps you create the desired result by combining lots of simple shapes and gradients and a bit of swirl artwork at the end.<\/p>\n

\"tutorial_<\/a><\/p>\n

Create a Detailed Camera Icon <\/a>\u2013 Photoshop<\/h2>\n

Check out this cool tutorial that shows you how to create this detailed camera icon. You will use Adobe Photoshop and the tricks you learn from this will be very useful for your future designs. This realistic look is a bit more challenging to achieve than the simple, flat ones. You will be creating a Fuji X100 camera icon using many gradients, textures and lots of different layer styles.<\/p>\n

\"create<\/a><\/p>\n

A Set of Food Icons <\/a>\u2013 Illustrator<\/h2>\n

With this tutorial, you can create\u00a0this great set of food icons: a cup of tea, a sandwich, and a soup bowl. This was made using Illustrator by following easy tasks. The tutorial uses a limited color palette and simple shapes and strokes to create a catchy, cartoonish result.<\/p>\n

\"how<\/a><\/p>\n

Flat Animal Icons <\/a>\u2013 Illustrator<\/h2>\n

Check out this tutorial that shows you how to create this six different animal icons. This flat design icon uses basic shapes, the pathfinder panel, and some other Illustrator functions that aren’t hard to use at all! You can always change the colors of the backgrounds to create the desired result. So cute and simple!<\/p>\n

\"how<\/a><\/p>\n

Bagel Sandwich Icon <\/a>\u2013 Illustrator<\/h2>\n

This tutorial shows you how to create this bagel sandwich icon. It is created in Illustrator and is really easy to make. Just follow the steps to make this yummy, realistic bagel design. You will begin by creating the bagel pieces and then you’ll just add the ingredients – lettuce, ham, and cheese. Yum!<\/p>\n

\"yum<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Using beautiful, eye-catching icons in your website or app projects is important, as these small details make a huge difference in increasing the overall design’s value. A great … Continue \u2192<\/a><\/p>\n","protected":false},"author":30,"featured_media":43016,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[2318,4,2518],"tags":[],"aioseo_notices":[],"yoast_head":"\n20 Icon Design Tutorials in Illustrator & Photoshop<\/title>\n<meta name=\"description\" content=\"We selected 20 icon design tutorials that will give you step-by-step guidance on how to design icons for apps and websites, quickly and easily.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdesigndev.com\/icon-design-tutorials\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Icon Design Tutorials in Illustrator & Photoshop\" \/>\n<meta property=\"og:description\" content=\"We selected 20 icon design tutorials that will give you step-by-step guidance on how to design icons for apps and websites, quickly and easily.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdesigndev.com\/icon-design-tutorials\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDesignDev\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebDesignDevBlog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-03T15:01:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-05T21:29:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iggy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/WebDesignDev\" \/>\n<meta name=\"twitter:site\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iggy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/\"},\"author\":{\"name\":\"Iggy\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\"},\"headline\":\"20 Icon Design Tutorials in Illustrator & Photoshop\",\"datePublished\":\"2017-12-03T15:01:17+00:00\",\"dateModified\":\"2022-04-05T21:29:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/\"},\"wordCount\":1360,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg\",\"articleSection\":[\"Adobe Illustrator Tutorials\",\"Adobe Photoshop\",\"Graphics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/\",\"url\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/\",\"name\":\"20 Icon Design Tutorials in Illustrator & Photoshop\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg\",\"datePublished\":\"2017-12-03T15:01:17+00:00\",\"dateModified\":\"2022-04-05T21:29:43+00:00\",\"description\":\"We selected 20 icon design tutorials that will give you step-by-step guidance on how to design icons for apps and websites, quickly and easily.\",\"breadcrumb\":{\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdesigndev.com\/icon-design-tutorials\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg\",\"width\":1100,\"height\":350,\"caption\":\"icon-design-tutorials\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdesigndev.com\/icon-design-tutorials\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdesigndev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adobe Photoshop\",\"item\":\"https:\/\/webdesigndev.com\/photoshop\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"20 Icon Design Tutorials in Illustrator & Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdesigndev.com\/#website\",\"url\":\"https:\/\/webdesigndev.com\/\",\"name\":\"WebDesignDev\",\"description\":\"Web Design & Graphic Design Blog\",\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdesigndev.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdesigndev.com\/#organization\",\"name\":\"WebDesignDev\",\"url\":\"https:\/\/webdesigndev.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"width\":601,\"height\":196,\"caption\":\"WebDesignDev\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebDesignDevBlog\",\"https:\/\/x.com\/WebDesignDev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\",\"name\":\"Iggy\",\"description\":\"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter\",\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\",\"https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Icon Design Tutorials in Illustrator & Photoshop","description":"We selected 20 icon design tutorials that will give you step-by-step guidance on how to design icons for apps and websites, quickly and easily.","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:\/\/webdesigndev.com\/icon-design-tutorials\/","og_locale":"en_US","og_type":"article","og_title":"20 Icon Design Tutorials in Illustrator & Photoshop","og_description":"We selected 20 icon design tutorials that will give you step-by-step guidance on how to design icons for apps and websites, quickly and easily.","og_url":"https:\/\/webdesigndev.com\/icon-design-tutorials\/","og_site_name":"WebDesignDev","article_publisher":"https:\/\/www.facebook.com\/WebDesignDevBlog","article_author":"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","article_published_time":"2017-12-03T15:01:17+00:00","article_modified_time":"2022-04-05T21:29:43+00:00","og_image":[{"width":1100,"height":350,"url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg","type":"image\/jpeg"}],"author":"Iggy","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/WebDesignDev","twitter_site":"@WebDesignDev","twitter_misc":{"Written by":"Iggy","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/#article","isPartOf":{"@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/"},"author":{"name":"Iggy","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194"},"headline":"20 Icon Design Tutorials in Illustrator & Photoshop","datePublished":"2017-12-03T15:01:17+00:00","dateModified":"2022-04-05T21:29:43+00:00","mainEntityOfPage":{"@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/"},"wordCount":1360,"commentCount":0,"publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"image":{"@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg","articleSection":["Adobe Illustrator Tutorials","Adobe Photoshop","Graphics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdesigndev.com\/icon-design-tutorials\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/","url":"https:\/\/webdesigndev.com\/icon-design-tutorials\/","name":"20 Icon Design Tutorials in Illustrator & Photoshop","isPartOf":{"@id":"https:\/\/webdesigndev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage"},"image":{"@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg","datePublished":"2017-12-03T15:01:17+00:00","dateModified":"2022-04-05T21:29:43+00:00","description":"We selected 20 icon design tutorials that will give you step-by-step guidance on how to design icons for apps and websites, quickly and easily.","breadcrumb":{"@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdesigndev.com\/icon-design-tutorials\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/#primaryimage","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/11\/icon-design-tutorials.jpg","width":1100,"height":350,"caption":"icon-design-tutorials"},{"@type":"BreadcrumbList","@id":"https:\/\/webdesigndev.com\/icon-design-tutorials\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdesigndev.com\/"},{"@type":"ListItem","position":2,"name":"Adobe Photoshop","item":"https:\/\/webdesigndev.com\/photoshop\/"},{"@type":"ListItem","position":3,"name":"20 Icon Design Tutorials in Illustrator & Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/webdesigndev.com\/#website","url":"https:\/\/webdesigndev.com\/","name":"WebDesignDev","description":"Web Design & Graphic Design Blog","publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdesigndev.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdesigndev.com\/#organization","name":"WebDesignDev","url":"https:\/\/webdesigndev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","width":601,"height":196,"caption":"WebDesignDev"},"image":{"@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebDesignDevBlog","https:\/\/x.com\/WebDesignDev"]},{"@type":"Person","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194","name":"Iggy","description":"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter","sameAs":["https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev"]}]}},"_links":{"self":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/42981"}],"collection":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/comments?post=42981"}],"version-history":[{"count":0,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/42981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media\/43016"}],"wp:attachment":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media?parent=42981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/categories?post=42981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/tags?post=42981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}