{"id":28492,"date":"2015-02-17T09:20:09","date_gmt":"2015-02-17T15:20:09","guid":{"rendered":"https:\/\/eshop.macsales.com\/blog\/?p=28492"},"modified":"2021-02-03T11:32:22","modified_gmt":"2021-02-03T17:32:22","slug":"create-your-own-custom-icons-in-10-7-5-or-later","status":"publish","type":"post","link":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/","title":{"rendered":"Create Your Own Custom Icons in OS X 10.7.5 or Later [Updated]"},"content":{"rendered":"\n<p>I\u2019ve been making my own Mac icons for folders, applications, and a myriad of other uses for well over 20 years now. Back then, I was stuck with 256 (or fewer) colors, a black\/white alpha channel, and pretty much had to make them pixel by pixel in <a href=\"http:\/\/lowendmac.com\/macdan\/2k1005ek.html\" target=\"_blank\" rel=\"noopener noreferrer\">ResEdit<\/a>&nbsp;(uphill&#8230; both ways&#8230; barefoot&#8230; in the snow&#8230;).<\/p>\n\n\n\n<p>Later on, I wound up registering a Developer account with Apple so I could use the icon tools in Xcode (well&#8230; and for AppleScript Studio, but that\u2019s a different story), and probably tried a half-dozen different freeware or shareware utilities over the years. Some worked well, and others not-so-well.<\/p>\n\n\n\n<p>In an interesting twist, when Apple made icons a little more complex with the addition of Retina icons in OS X 10.7, they actually made the process of creating the icons <em>a lot easier<\/em>; all you need is a little skill with your favorite graphics program that can create images with transparent backgrounds (such as TIFFs or PNGs), and you can crank out custom icons for custom folders, internal and external drives, or even applications using built-in utilities and features of Lion and later. So if you have:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>OS X 10.7.5 Lion or later including macOS High Sierra<\/li><li>a 1024 x 1024 image that you\u2019d like to make into an icon &#8211; or the ability to make such an image<\/li><li>a graphics program that can resize your image and export PNG files (If you have your finished image already, you can do this in Preview).<\/li><li>and the desire to customize your desktop<\/li><\/ul>\n\n\n\n<p>Then you have all you need to make your own custom desktop icons. So let\u2019s get started!<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-create-your-base-image\">Create your base image.<\/h1>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"250\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon.png\" alt=\"rocketyard_icon\" class=\"wp-image-28496\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon.png 250w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon-120x120.png 120w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon-190x190.png 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon-120x120@2x.png 240w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/figure><\/div>\n\n\n\n<p>Use your favorite image editor (Photoshop, Illustrator, GIMP&#8230; whatever you like) to create a 1024&#215;1024 pixel document with a transparent background and draw\/paint\/assemble your icon. For this tutorial, I\u2019m going to use Adobe Illustrator to create a real simple circular icon with the Rocket Yard logo inside, mostly because I had the graphic files laying around from another project, so it was quick to put together. Whatever you design is really up to you, but here are a couple of tips that may help make your custom icon look like it came with your system. If you\u2019re making a folder or drive icon from scratch, it helps to use the same proportions as an existing system icon. To get a reference image:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Select the item in the Finder you want to reference<\/li><li>Hit <b>Command-I <\/b>to open the Get Info box<\/li><li>Click on the icon itself so that it\u2019s highlighted.<\/li><li>Hit <b>Command-C <\/b>to copy the icon<\/li><li>Open up Preview (it\u2019s in your Applications folder)<\/li><li>Hit <b>Command-N <\/b>to create a new image with the contents of your clipboard (i.e., your reference icon)<\/li><li>Export the image as a PNG with an Alpha channel.<\/li><\/ul>\n\n\n\n<p>This image will now have the same size and transparency as the original, and can now be loaded into its own layer in any graphics editing program that supports them (which should be most of them). If you\u2019re creating an application icon, I highly recommend following <a href=\"https:\/\/developer.apple.com\/library\/mac\/documentation\/UserExperience\/Conceptual\/OSXHIGuidelines\/Gallery.html\" target=\"_blank\" rel=\"noopener noreferrer\">Apple\u2019s OS X Human Interface Guidelines<\/a> when creating your icons. It\u2019s actually an interesting read no matter what (at least if you\u2019re interested in icons and such).<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-export-a-series-of-png-files\">Export a series of PNG files.<\/h1>\n\n\n\n<p>Once you have your icon looking the way you want it, go ahead and save the file. That\u2019s just for safety\u2019s sake. Now, we need to export ten PNG versions of this image, each with its own size and name.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><b>Filename<\/b><\/td><td><b>Image Size (in pixels)<\/b><\/td><\/tr><tr><td>icon_512x512@2x.png<\/td><td>1024 x 1024<\/td><\/tr><tr><td>icon_512x512.png<\/td><td>512 x 512<\/td><\/tr><tr><td>icon_256x256@2x.png<\/td><td>512 x 512<\/td><\/tr><tr><td>icon_256x256.png<\/td><td>256 x 256<\/td><\/tr><tr><td>icon_128x128@2x.png<\/td><td>256 x 256<\/td><\/tr><tr><td>icon_128x128.png<\/td><td>128 x 128<\/td><\/tr><tr><td>icon_32x32@2x.png<\/td><td>64 x 64<\/td><\/tr><tr><td>icon_32x32.png<\/td><td>32 x 32<\/td><\/tr><tr><td>icon_16x16@2x.png<\/td><td>32 x 32<\/td><\/tr><tr><td>icon_16x16.png<\/td><td>16 x 16<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>How you go about exporting these image sizes is up to you. The quickest way is to just take the same image and scale it down while exporting. However, for best quality, I have found it best to actually scale down a copy of the image in the graphics program itself, make adjustments as necessary (some details don\u2019t always look right when simply scaled) and then export the adjusted image. However you do it, though, is really up to you. It should be noted that you technically don\u2019t <i>need <\/i>to make the versions with names that end in @2x, as they are for Retina screens only. However, since more and more Macs are available with Retina displays, including these versions will ensure your icons look their best, regardless of which kind of screen they eventually get displayed on.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-create-an-iconset-and-preview-your-work\">Create an .iconset and preview your work.<\/h1>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"454\" height=\"510\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/quicklook.gif\" alt=\"quicklook\" class=\"wp-image-28495\"\/><\/figure><\/div>\n\n\n\n<p>You should now have ten PNG files. Go ahead and put them all in one folder, then name the folder \u201c&lt;name&gt;.iconset\u201d, where &lt;name&gt; is the name of the icon. I named mine \u201crocketyard.iconset\u201d. You\u2019ll be asked if you\u2019re sure you want to add the extension \u201c.iconset\u201d to the folder; just tell it yes. Congratulations! You\u2019ve just created an .iconset file. Now is a good time to preview how your icon will look at various sizes. Simply select the iconset folder in the Finder and hit the space bar on your keyboard to invoke QuickLook.  A preview of your icon will appear in a window with a slider at the bottom. Dragging the slider left or right will change the size of the preview. Check through the range of sizes to make sure everything looks good all the way through. I\u2019ve found that some more complex designs don\u2019t look as good at the smaller sizes. In the Rocket Yard icon example, I found that the gradient background looked fine on a Retina display, but didn\u2019t look as nice on a non-Retina one at sizes below 32&#215;32. Fortunately, fixing that is simple enough. Each of the PNG files covers icon sizes from its size to the next lower; &#8220;icon_512x512.png&#8221; covers icon sizes from 512&#215;512 through 257&#215;257, &#8220;icon_256x256.png&#8221; covers sizes from 256&#215;256 through 129&#215;129, and so on. For retina displays, the same thing applies, except for you use the file sizes with @2x in the name. So for this example, I made the background a solid color, and replaced the 32&#215;32 and 16&#215;16 images in the iconset folder. Now that we\u2019re satisfied with how the icon looks at all the different sizes, it\u2019s time to make that desktop icon.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-convert-the-iconset-folder-to-an-icns-file\">Convert the .iconset folder to an .icns file.<\/h1>\n\n\n\n<p>To get the final .icns file that we want, we\u2019re going to use the <strong>iconutil<\/strong> Terminal command. This has been built into OS X since at least 10.7.5, so you\u2019ll need that version or later to use it. With your .iconset folder on the Desktop, we\u2019ll need to use the following command: <span style=\"color: #339966;\">iconutil -c icns <i>path\/to\/iconset<\/i><\/span> Let\u2019s take a closer look at what this command actually does<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>iconutil<\/strong> &#8211; this invokes the iconutil Terminal command<\/li><li><strong>-c icns<\/strong> &#8211; this indicates that you want to convert the target file to an .icns file.<\/li><li><em><strong>path\/to\/iconset<\/strong><\/em> &#8211; this is the actual file path to your .iconset file. If you want to type the whole thing in, go right ahead, but the easiest way is probably to just drag your .iconset folder into the Terminal window and it will automatically type in the correct path.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"586\" height=\"235\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icon_terminal.png\" alt=\"iconset -c icns ~\/Desktop\/rocketyard.iconset\" class=\"wp-image-28538\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icon_terminal.png 586w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icon_terminal-284x114.png 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icon_terminal-190x76.png 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icon_terminal-284x114@2x.png 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icon_terminal-190x76@2x.png 380w\" sizes=\"auto, (max-width: 586px) 100vw, 586px\" \/><\/figure><\/div>\n\n\n\n<p>Since my iconset folder is on the Desktop and named \u201crocketyard.iconset\u201d my Terminal command would be <span style=\"color: #339966;\">iconutil -c icns ~\/Desktop\/rocketyard.iconset<\/span>  Once you hit return, iconutil will make an .icns file with the same name and location as your iconset. In my case, \u201crocketyard.icns\u201d was made on my desktop. This is the file we want.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"338\" height=\"150\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icons_desktop.jpg\" alt=\"Icons on the Desktop\" class=\"wp-image-28539\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icons_desktop.jpg 338w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icons_desktop-270x120.jpg 270w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icons_desktop-284x126.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/icons_desktop-190x84.jpg 190w\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" \/><\/figure><\/div>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-use-the-icns-file-to-customize-your-file-icons\">Use the ICNS file to customize your file icons.<\/h1>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img loading=\"lazy\" decoding=\"async\" width=\"251\" height=\"341\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/folder_drop.gif\" alt=\"Dragging an ICNS to change a folder Icon\" class=\"wp-image-28541\"\/><\/figure><\/div>\n\n\n\n<p>The most common way to swap icons in OS X has generally been the copy\/paste method <a href=\"https:\/\/eshop.macsales.com\/Reviews\/Framework.cfm?page=\/icons\/icons.html#howtochangeyourdriveicon\">we describe on our Drive Icons page<\/a>. &nbsp;As long as the item you\u2019re copying has the icon pasted on a folder or file (like our drive icon packs do) you should have no trouble copying and pasting to a new folder or drive. However, what you see on the Desktop isn\u2019t necessarily what you\u2019d be copy\/pasting. OS X, by default, is set to render the contents of a graphics file &#8211; including JPEGs, GIFs, PNGs, and ICNS files like we just made &#8211; on the Desktop, rather than the generic&nbsp;icon for that file type, which is actually assigned to it. That means that if you use the copy\/paste method with one of those files, you will be transferring the generic file icon, and not the image within. <\/p>\n\n\n\n<p>With an ICNS file like we just made, though, it\u2019s a simple process to change a desktop icon if you&#8217;re running 10.8 or later. Simply open the Get Info box on the item which icon you\u2019d like to change, then drag the ICNS file onto the Get Info box\u2019s icon. Now you\u2019ve got a custom icon on your desktop that scales nicely to all sizes, and you can copy\/paste it between other items as mentioned before. It should be noted that <b>dragging and dropping only works with ICNS files like we just created; JPEGs, GIFs, PNGs and other files won\u2019t work the same way.<\/b><\/p>\n\n\n\n<p>If you\u2019ll be using these icons with 10.7.5 or earlier, you have two ways you can&nbsp;apply these icons to folders and drives.<\/p>\n\n\n\n<p>The first (and probably the best) way is to use this drag and drop method on a newer OS version, transfer the folder with the icon to the other computer, then use the older copy\/paste method there. This will keep all the size variants together and it will scale&nbsp;as it should.<\/p>\n\n\n\n<p>However, if you don&#8217;t have any versions of OS X past 10.7.5, then the best you can do for folders and drives is to open the icon up in Preview, select all, then paste it into the target folder&#8217;s Get Info Box. Unfortunately, this method only copies and pastes the largest version of your icon and scales it down, which&nbsp;largely negates most of the work described above.<\/p>\n\n\n\n<p>So why would you&nbsp;make&nbsp;ICNS files in 10.7.5? Well, if you make\/use a lot of <a href=\"https:\/\/developer.apple.com\/library\/mac\/documentation\/AppleScript\/Conceptual\/AppleScriptLangGuide\/introduction\/ASLR_intro.html\">AppleScript<\/a> or <a href=\"http:\/\/support.apple.com\/en-us\/HT2488\">Automator<\/a> applications, you can also customize their icons&nbsp;with an ICNS file, and these icons&nbsp;<em>will<\/em> scale properly and do so on all OS versions from Lion to present.<\/p>\n\n\n\n<p>Make a copy of the application (just to be safe), and then right-click on the copy and select \u201cShow Package Contents.\u201d In the window that opens, you will see a folder named Contents. Inside the Contents folder will be one named Resources. Inside the Resources folder will be the ICNS file which gives the app its generic icon. The file will be named \u201capplet.icns\u201d for AppleScript apps, and \u201cAutomatorApplet.icns\u201d for Automator apps. Simply rename your new icon\u2019s ICNS file so that it has the appropriate name, and replace the existing one. Now, once you restart the Finder (e.g., by restarting or logging out and back in), your custom applet has a custom icon that can\u2019t be accidentally deleted.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion.<\/h1>\n\n\n\n<p>Whether it\u2019s to separate out a folder or drive icon so it\u2019s more discernible from a sea of generic icons on your desktop, adding that extra level of polish to your frequently used AppleScript Applets and Automator Workflows, or just tricking out your desktop to better suit your own sense of style and taste, making your own icons can be a fun and easy way to do it.<\/p>\n\n\n\n<p>Of course, if you just want to be able to distinguish your OWC drives from the rest of your drives, we offer a full collection of icons for all OWC and NewerTech storage offerings,&nbsp;all ready for you to copy\/paste to your heart&#8217;s content. If you&#8217;ve got a brand new <a href=\"https:\/\/eshop.macsales.com\/shop\/firewire\/\">OWC or NewerTech storage solution<\/a>, you can find them in the included software under &#8220;Other Goodies.&#8221; Don&#8217;t worry if you erased that folder from your drive, though; you can also find them <a href=\"https:\/\/eshop.macsales.com\/Reviews\/Framework.cfm?page=\/icons\/icons.html\">on our Web site.<\/a><\/p>\n\n\n\n<p><strong>Note:<\/strong> We will update once we confirm compatibility with the new macOS Mojave<\/p>\n\n\n\n<p class=\"footnote\"><strong>UPDATE:<\/strong> Rocket Yard has verified that this works in macOS Mojave and Catalina.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve been making my own Mac icons for folders, applications, and a myriad of other uses for well over 20 years now. Back then, I was stuck with 256 (or fewer) colors, a black\/white alpha channel, and pretty much had to make them pixel by pixel in ResEdit&nbsp;(uphill&#8230; both ways&#8230; barefoot&#8230; in the snow&#8230;). Later [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":28496,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"spay_email":"","footnotes":""},"categories":[7,4],"class_list":["post-28492","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-random-thoughts-and-topics","category-tech-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.2 (Yoast SEO v20.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create Your Own Custom Icons in OS X 10.7.5 or Later<\/title>\n<meta name=\"description\" content=\"Use your favorite image editor to create a pixel document with a transparent background and draw\/paint\/assemble your icon.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Your Own Custom Icons in OS X 10.7.5 or Later [Updated]\" \/>\n<meta property=\"og:description\" content=\"Use your favorite image editor to create a pixel document with a transparent background and draw\/paint\/assemble your icon.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/\" \/>\n<meta property=\"og:site_name\" content=\"Rocket Yard\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-17T15:20:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-03T17:32:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"OWC Chris S.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"OWC Chris S.\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/\"},\"author\":{\"name\":\"OWC Chris S.\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/5c0041c3c31fa112eb41d2c150a858f1\"},\"headline\":\"Create Your Own Custom Icons in OS X 10.7.5 or Later [Updated]\",\"datePublished\":\"2015-02-17T15:20:09+00:00\",\"dateModified\":\"2021-02-03T17:32:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/\"},\"wordCount\":2106,\"commentCount\":30,\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"keywords\":[\"Apple\",\"icons\",\"Mac\",\"NewerTech\",\"OS X\",\"OWC\",\"ResEdit\"],\"articleSection\":[\"Random Thoughts &amp; Topics\",\"Tech Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/\",\"name\":\"Create Your Own Custom Icons in OS X 10.7.5 or Later\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\"},\"datePublished\":\"2015-02-17T15:20:09+00:00\",\"dateModified\":\"2021-02-03T17:32:22+00:00\",\"description\":\"Use your favorite image editor to create a pixel document with a transparent background and draw\/paint\/assemble your icon.\",\"breadcrumb\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eshop.macsales.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Your Own Custom Icons in OS X 10.7.5 or Later [Updated]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"name\":\"Rocket Yard\",\"description\":\"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.\",\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\",\"name\":\"OWC\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"contentUrl\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"width\":1024,\"height\":1024,\"caption\":\"OWC\"},\"image\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/5c0041c3c31fa112eb41d2c150a858f1\",\"name\":\"OWC Chris S.\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dbc721870df1ca2ca7ca4318888f602762efe286b481b8979c1600efda3cb364?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dbc721870df1ca2ca7ca4318888f602762efe286b481b8979c1600efda3cb364?s=96&d=mm&r=g\",\"caption\":\"OWC Chris S.\"},\"sameAs\":[\"http:\/\/blog.macsales.com\/author\/cstevens\"],\"url\":\"https:\/\/eshop.macsales.com\/blog\/author\/cstevens\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Your Own Custom Icons in OS X 10.7.5 or Later","description":"Use your favorite image editor to create a pixel document with a transparent background and draw\/paint\/assemble your icon.","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:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/","og_locale":"en_US","og_type":"article","og_title":"Create Your Own Custom Icons in OS X 10.7.5 or Later [Updated]","og_description":"Use your favorite image editor to create a pixel document with a transparent background and draw\/paint\/assemble your icon.","og_url":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/","og_site_name":"Rocket Yard","article_published_time":"2015-02-17T15:20:09+00:00","article_modified_time":"2021-02-03T17:32:22+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon.png","type":"image\/png"}],"author":"OWC Chris S.","twitter_card":"summary_large_image","twitter_misc":{"Written by":"OWC Chris S.","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#article","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/"},"author":{"name":"OWC Chris S.","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/5c0041c3c31fa112eb41d2c150a858f1"},"headline":"Create Your Own Custom Icons in OS X 10.7.5 or Later [Updated]","datePublished":"2015-02-17T15:20:09+00:00","dateModified":"2021-02-03T17:32:22+00:00","mainEntityOfPage":{"@id":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/"},"wordCount":2106,"commentCount":30,"publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"keywords":["Apple","icons","Mac","NewerTech","OS X","OWC","ResEdit"],"articleSection":["Random Thoughts &amp; Topics","Tech Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/","url":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/","name":"Create Your Own Custom Icons in OS X 10.7.5 or Later","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/#website"},"datePublished":"2015-02-17T15:20:09+00:00","dateModified":"2021-02-03T17:32:22+00:00","description":"Use your favorite image editor to create a pixel document with a transparent background and draw\/paint\/assemble your icon.","breadcrumb":{"@id":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eshop.macsales.com\/blog\/28492-create-your-own-custom-icons-in-10-7-5-or-later\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eshop.macsales.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Your Own Custom Icons in OS X 10.7.5 or Later [Updated]"}]},{"@type":"WebSite","@id":"https:\/\/eshop.macsales.com\/blog\/#website","url":"https:\/\/eshop.macsales.com\/blog\/","name":"Rocket Yard","description":"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.","publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/eshop.macsales.com\/blog\/#organization","name":"OWC","url":"https:\/\/eshop.macsales.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","contentUrl":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","width":1024,"height":1024,"caption":"OWC"},"image":{"@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/5c0041c3c31fa112eb41d2c150a858f1","name":"OWC Chris S.","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dbc721870df1ca2ca7ca4318888f602762efe286b481b8979c1600efda3cb364?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dbc721870df1ca2ca7ca4318888f602762efe286b481b8979c1600efda3cb364?s=96&d=mm&r=g","caption":"OWC Chris S."},"sameAs":["http:\/\/blog.macsales.com\/author\/cstevens"],"url":"https:\/\/eshop.macsales.com\/blog\/author\/cstevens\/"}]}},"jetpack_featured_media_url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2015\/02\/rocketyard_icon.png","jetpack_shortlink":"https:\/\/wp.me\/pmPaT-7py","_links":{"self":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/28492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/comments?post=28492"}],"version-history":[{"count":33,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/28492\/revisions"}],"predecessor-version":[{"id":70950,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/28492\/revisions\/70950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media\/28496"}],"wp:attachment":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media?parent=28492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/categories?post=28492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}