{"id":1790,"date":"2008-08-01T18:53:57","date_gmt":"2008-08-01T10:53:57","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=1790"},"modified":"2018-09-07T01:17:42","modified_gmt":"2018-09-06T17:17:42","slug":"40-hand-picked-photoshop-icon-designs-photoshop-tutorials","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/","title":{"rendered":"40+ Hand-Picked Icon Design Photoshop Tutorials"},"content":{"rendered":"<p class=\"note\"><strong>Editor\u2019s note:<\/strong> <em>For a newer, updated version of this post, <a href=\"https:\/\/www.hongkiat.com\/blog\/icon-design-tutorials-2016\/\">check it out here.<\/a><\/em><\/p>\n<p>We know we can always count on the Internet for free quality icons, but that being said, free icons sometimes might have it\u2019s limitation too. Here\u2019s few we can quickly think of:<\/p>\n<ul>\n<li><strong>Copyright<\/strong>. Most free icons restricts usage on non-commercial product\/website only.<\/li>\n<li><strong>Size<\/strong>. Don\u2019t you just hate it when you found your favorite icon but it\u2019s only a 32\u00d732 and you wish they have a bigger version?<\/li>\n<li><strong>Colors<\/strong>. You found the exact icon you want, but the color is just not right.<\/li>\n<li><strong>Transparency<\/strong>. Some author did not distribute their free icon in .jpg or original source. That makes it hard to implement their icons on our design.<\/li>\n<\/ul>\n<p>Creating your own icon not only overcome above mentioned problem, at the same time you  gain and brush up your Photoshop skills. Nothing beats the satisfaction of creating things on your own. We\u2019ve crawled the net, searching from sites to sites and here\u2019s a <strong>40+ hand-picked Photoshop tutorials that guide you through icon designing<\/strong>.<\/p>\n<h2>Showcases<\/h2>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/app-icon-designs\/\"><strong>Icon design for your inspiration<\/strong><\/a><\/p>\n<figure><a href=\"https:\/\/www.hongkiat.com\/blog\/app-icon-designs\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/app-icon-designs\/4-app-icon-designs.jpg\" width=\"700\" height=\"525\"><\/a><\/figure>\n<p><strong><a href=\"https:\/\/www.hongkiat.com\/blog\/sketched-final-icon-design\/\">Icon design: Sketch vs. Ready<\/a><\/strong><\/p>\n<figure><a href=\"https:\/\/www.hongkiat.com\/blog\/sketched-final-icon-design\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketched-final-icon-design\/1-sketch-vs-ready-icons.jpg\" width=\"600\" height=\"800\"><\/a><\/figure>\n<p><strong><a href=\"https:\/\/www.hongkiat.com\/blog\/app-icon-designs\/\">50 App Icon Designs<\/a><\/strong><\/p>\n<figure><a href=\"https:\/\/www.hongkiat.com\/blog\/app-icon-designs\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/640x410\/app-icon-designs.jpg\" width=\"640\" height=\"410\"><\/a><\/figure>\n<p><strong><a href=\"https:\/\/www.hongkiat.com\/blog\/ios-icon-designs\/\">iOS Icon designs<\/a><\/strong> \u2013 lorem ipsum<\/p>\n<figure><a href=\"https:\/\/www.hongkiat.com\/blog\/ios-icon-designs\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ios-icon-designs\/3-ios-icons-part-2.jpg\" width=\"600\" height=\"534\"><\/a><\/figure>\n<h2>Icon Design Tutorials<\/h2>\n<p>Check out these following icon design tutorials.<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"160\"><a href=\"http:\/\/designstacks.net\/angry-emoticon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/emoticon-angry.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/designstacks.net\/angry-emoticon\"><strong>Angry Emoticon<\/strong><\/a> \u2013 Learn about special effects while converting an ordinary orb into a fantasy art piece.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/home01.jpg\" width=\"160\" height=\"100\"><\/td>\n<td>\n<p><strong>Create a Glossy Home Icon<\/strong> \u2013 Learn how to design your very own glossy home icon in Photoshop<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/perfectshine.jpg\" width=\"160\" height=\"100\"><\/td>\n<td>\n<p><strong>Perfect Shine Button or Icon<\/strong> \u2013 How to create a cool looking button or an icon to suit your need.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/create-a-high-gloss-graduation-hat-icon-design\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/grad.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><strong><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/create-a-high-gloss-graduation-hat-icon-design\/\">Create a High-Gloss Graduation Hat Icon Design<\/a><\/strong> \u2013 How to make a professional, shiny, clean graduation hat icon.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/create-a-jaguar-style-folder-icon\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/jaguar.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><strong><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/create-a-jaguar-style-folder-icon\/\">Create a Jaguar Style Folder Icon<\/a><\/strong> \u2013 How to cover an object in a Jaguar style fur texture.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/create-a-shiny-lock-icon-design\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/lock01.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/create-a-shiny-lock-icon-design\/\"><strong>Create a Shiny Lock Icon Design<\/strong><\/a> \u2013 Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/designstacks.net\/create-icons-tutorial\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/glossy.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/designstacks.net\/create-icons-tutorial\"><strong>Create Icons tutorial<\/strong><\/a> \u2013 Create a glossy looking icons.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"404\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/helmet.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"404\"><strong>Creating a Cool Yellow Helmet Icon<\/strong><\/a> \u2013 Create a helcom icon from photograph.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/creating-an-xp-style-monitor-icon\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/monitor.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/creating-an-xp-style-monitor-icon\/\"><strong>Creating an XP Style Monitor Icon<\/strong><\/a> \u2013 Create a simple monitor icon in that style.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/design-a-glossy-download-icon\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/download.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"https:\/\/design.tutsplus.com\/designing-tutorials\/design-a-glossy-download-icon\/\"><strong>Design a Glossy Download Icon<\/strong><\/a> \u2013 You want the graphic to be eye-catching, yet smooth and small enough so it doesn\u2019t dominate your layout. This tutorial will teach you how to create a graphic that does just that.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/designstacks.net\/draw-magnifying-glass\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/mag.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/designstacks.net\/draw-magnifying-glass\"><strong>Draw magnifying glass<\/strong><\/a> \u2013 Learn how to create magnifying glass, which you can use it as button or as icon<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/designstacks.net\/glossy-rss-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/rss.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/designstacks.net\/glossy-rss-icon\"><strong>Glossy RSS icon<\/strong><\/a> \u2013 In this tutorial we are going to create a colorful RSS icon for your blog.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/pshero.com\/archives\/glowing-orb-with-dial\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/pshero.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/pshero.com\/archives\/glowing-orb-with-dial\"><strong>Glowing Orb With Dial<\/strong><\/a> \u2013 Experimenting with layers and styles to create a cool glowing orb and dial effect.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/home.jpg\" width=\"160\" height=\"100\"><\/td>\n<td>\n<p><strong>Home Icon<\/strong> \u2013 In this tutorial, you will learn to create a home icon.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/www.webdesign.org\/web\/photoshop\/web-layout\/how-to-make-a-folder-icon.6433.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/folder.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><strong><a href=\"https:\/\/www.webdesign.org\/web\/photoshop\/web-layout\/how-to-make-a-folder-icon.6433.html\">How to Make a Folder Icon<\/a><\/strong> \u2013 Learn how to create a nice folder for your desktop or a website.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/design.tutsplus.com\/drawing\/illustrate-a-traffic-cone-icon-in-photoshop\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/cone.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"https:\/\/design.tutsplus.com\/drawing\/illustrate-a-traffic-cone-icon-in-photoshop\/\"><strong>Illustrate a Traffic Cone Icon in Photoshop<\/strong><\/a> \u2013 Drawing a traffic cone, another handy icon for \"under construction\"<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/www.ndesign-studio.com\/resources\/tutorials\/itune-icon\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/itunes02.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/www.ndesign-studio.com\/resources\/tutorials\/itune-icon\/\"><strong>iTunes Icon<\/strong><\/a> \u2013 The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/mail.jpg\" width=\"160\" height=\"100\"><\/td>\n<td>\n<p><strong>Mac Os X Mail Icon Style<\/strong> \u2013 Learn how to make the Mac OS X Mail\u2019s icon in a easy way.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/design.tutsplus.com\/tutorials-effects\/making-a-photoshop-shield\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/shield.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"https:\/\/design.tutsplus.com\/tutorials-effects\/making-a-photoshop-shield\/\"><strong>Making a Photoshop Shield<\/strong><\/a> \u2013 Use the Path Tools in Photoshop to draw a shield-like shape.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/www.pstut.info\/tutorials\/designing-a-safety-iocn\/\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/safety.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/www.pstut.info\/tutorials\/designing-a-safety-iocn\/\" rel=\"nofollow\"><strong>Designing a Safety Icon<\/strong><\/a> \u2013 Design safety icon in Photoshop.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/www.pstut.info\/tutorials\/pyramid-icon-design\/\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/pyramid.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/www.pstut.info\/tutorials\/pyramid-icon-design\/\" rel=\"nofollow\"><strong>Pyramid Icon Design<\/strong><\/a> \u2013 How to use your pen tool to create a simple and easy triangular icon design that can be used as your logo or a bulletin.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/skype01.jpg\" width=\"160\" height=\"100\"><\/td>\n<td>\n<p><strong>Skype Buddy Icon<\/strong> \u2013 Learn to draw skype buddy icon with this tutorial.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/designstacks.net\/skype-logo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/skype02.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/designstacks.net\/skype-logo\"><strong>Skype Logo<\/strong><\/a> \u2013 Learn how to create in easy steps logo for Skype.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/www.eyesontutorials.com\/articles\/2874\/1\/The-Making-of-an-Icon\/Page1.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/making-icon.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/www.eyesontutorials.com\/articles\/2874\/1\/The-Making-of-an-Icon\/Page1.html\"><strong>The Making of an Icon<\/strong><\/a> \u2013 Insights into the process of making icons.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/tv.jpg\" width=\"160\" height=\"100\"><\/td>\n<td>\n<p><strong>TV Icon<\/strong> \u2013 In this tutorial, you will learn to create a tv icon.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/pshero.com\/archives\/vista-error-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/vistaclose.jpg\" width=\"160\" height=\"100\"><\/a><\/td>\n<td>\n<p><a href=\"http:\/\/pshero.com\/archives\/vista-error-icon\"><strong>Vista Error Icon<\/strong><\/a> \u2013 How to create Windows Vista icons using a few basic layers, creative layer styles and some web 2.0 gradients.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/xpwoman.jpg\" width=\"160\" height=\"100\"><\/td>\n<td>\n<p><strong>XP Style Woman Icon<\/strong> \u2013 Learn to draw a xp style woman icon.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><strong><a href=\"https:\/\/www.hongkiat.com\/blog\/clever-photoshop-tricks\/\">45 clever Photoshop tricks<\/a><\/strong><\/h2>\n<p>Here are a total of <strong>45 Photoshop tips and tricks<\/strong> you wish you\u2019d know sooner.<\/p>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/clever-photoshop-tricks\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/640x410\/clever-photoshop-tricks.jpg\" width=\"640\" height=\"410\"><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Editor\u2019s note: For a newer, updated version of this post, check it out here. We know we can always count on the Internet for free quality icons, but that being said, free icons sometimes might have it\u2019s limitation too. Here\u2019s few we can quickly think of: Copyright. Most free icons restricts usage on non-commercial product\/website&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[43],"tags":[1934,1936,1933,1938],"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>40+ Hand-Picked Icon Design Photoshop Tutorials - Hongkiat<\/title>\n<meta name=\"description\" content=\"Editor&#039;s note: For a newer, updated version of this post, check it out here. We know we can always count on the Internet for free quality icons, but that\" \/>\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\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"40+ Hand-Picked Icon Design Photoshop Tutorials\" \/>\n<meta property=\"og:description\" content=\"Editor&#039;s note: For a newer, updated version of this post, check it out here. We know we can always count on the Internet for free quality icons, but that\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/\" \/>\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=\"2008-08-01T10:53:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-06T17:17:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/app-icon-designs\/4-app-icon-designs.jpg\" \/>\n<meta name=\"author\" content=\"Hongkiat Lim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hongkiat Lim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"40+ Hand-Picked Icon Design Photoshop Tutorials\",\"datePublished\":\"2008-08-01T10:53:57+00:00\",\"dateModified\":\"2018-09-06T17:17:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/\"},\"wordCount\":731,\"commentCount\":72,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-icon-designs\\\/4-app-icon-designs.jpg\",\"keywords\":[\"Photoshop icon effects\",\"Photoshop showcase\",\"Photoshop Tutorials\",\"Photoshop UI effects\"],\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/\",\"name\":\"40+ Hand-Picked Icon Design Photoshop Tutorials - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-icon-designs\\\/4-app-icon-designs.jpg\",\"datePublished\":\"2008-08-01T10:53:57+00:00\",\"dateModified\":\"2018-09-06T17:17:42+00:00\",\"description\":\"Editor's note: For a newer, updated version of this post, check it out here. We know we can always count on the Internet for free quality icons, but that\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-icon-designs\\\/4-app-icon-designs.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-icon-designs\\\/4-app-icon-designs.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"40+ Hand-Picked Icon Design Photoshop Tutorials\"}]},{\"@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\\\/e3613a3bf757e4f67770f0b7a339edd0\",\"name\":\"Hongkiat Lim\",\"description\":\"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.\",\"sameAs\":[\"http:\\\/\\\/www.hongkiat.com\\\/blog\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/hongkiat\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"40+ Hand-Picked Icon Design Photoshop Tutorials - Hongkiat","description":"Editor's note: For a newer, updated version of this post, check it out here. We know we can always count on the Internet for free quality icons, but that","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\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/","og_locale":"en_US","og_type":"article","og_title":"40+ Hand-Picked Icon Design Photoshop Tutorials","og_description":"Editor's note: For a newer, updated version of this post, check it out here. We know we can always count on the Internet for free quality icons, but that","og_url":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2008-08-01T10:53:57+00:00","article_modified_time":"2018-09-06T17:17:42+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/app-icon-designs\/4-app-icon-designs.jpg","type":"","width":"","height":""}],"author":"Hongkiat Lim","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Hongkiat Lim","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"40+ Hand-Picked Icon Design Photoshop Tutorials","datePublished":"2008-08-01T10:53:57+00:00","dateModified":"2018-09-06T17:17:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/"},"wordCount":731,"commentCount":72,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/app-icon-designs\/4-app-icon-designs.jpg","keywords":["Photoshop icon effects","Photoshop showcase","Photoshop Tutorials","Photoshop UI effects"],"articleSection":["Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/","url":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/","name":"40+ Hand-Picked Icon Design Photoshop Tutorials - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/app-icon-designs\/4-app-icon-designs.jpg","datePublished":"2008-08-01T10:53:57+00:00","dateModified":"2018-09-06T17:17:42+00:00","description":"Editor's note: For a newer, updated version of this post, check it out here. We know we can always count on the Internet for free quality icons, but that","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/app-icon-designs\/4-app-icon-designs.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/app-icon-designs\/4-app-icon-designs.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/40-hand-picked-photoshop-icon-designs-photoshop-tutorials\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"40+ Hand-Picked Icon Design Photoshop Tutorials"}]},{"@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\/e3613a3bf757e4f67770f0b7a339edd0","name":"Hongkiat Lim","description":"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.","sameAs":["http:\/\/www.hongkiat.com\/blog"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/hongkiat\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-sS","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/1790","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=1790"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/1790\/revisions"}],"predecessor-version":[{"id":45439,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/1790\/revisions\/45439"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=1790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=1790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=1790"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=1790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}