➡ IMPORTANT: In newer operating systems like Catalina, the icon on your in-progress shortcut icon will turn blank. An alert will pop up asking if you want to change the extension.In my example, you’ll notice mine is “inbox.app” now. Next, change the the Name & Extension “].app” and hit enter.Click–and–drag your ICNS icon file from your Finder window and release it in the top left corner of the Info window, over the preexisting WEBLOC file icon.You now have three windows open and your screen should look something like this:.Alternatively, you can also right click the file and “More Info”. Select the shortcut URL file you made in step 1 (it’s on your Desktop) and use the “ Cmd + I ” shortcut to open the Info window.This is one of many useful shortcuts on a Mac. The keyboard shortcut to open a new Finder Window is “ Cmd + N ”. Open a second Finder window alongside the Finder window that’s already open for your icon file (which will be in your Downloads folder if you us ed the icon in this tutorial).Okay, you’ve pulled the URL onto your Desktop and now have an icon file ready to go. Leave this Finder window open, and continue to the next step. With your new ICNS file ready, pull it up in your Finder.There are plenty of easy and free services where you can easily convert your image file into ICNS file. With your PNG or JPG image in-hand, convert it to an ICNS file.Optional: If you want to make your own image, go for it! There are tons of resources out there for learning design.Save it out as either a PNG (recommended) or JPG. * Just make the image square, with exact dimensions of either 256px x 256 or 512px x 512px. Mostly because I miss Google’s Inbox app every day. In this tutorial, I’ll use this example Google Inbox PNG image file.
#Mac os dock icons download
Download or create your desired icon image.Then highlight the URL text at the top of your browser and click–and–drag that URL onto your Desktop.If you’re making a shortcut to an authenticated web app, sign in to your respective account before pulling the URL. Begin by navigating to the the web site you need a shortcut from, using your browser (lately I’ve really been digging the Brave Browser).
#Mac os dock icons mac osx
#Mac os dock icons how to
In this tutorial, I give you a step-by-step guide to creating a web shortcut file, creating an app launch icon, and instructions for how to get that icon onto your dock. And it can be done without downloading any third-party applications. Adding a web shortcut (aka a webloc) to your Dock is pretty simple. Like a puppet maker out of a (terrifying) 19th century children’s story, you want your web app to be just like a real boy. The answer is to create a true website shortcut on your Mac Dock for that more native feel. You also want to place the launch icon wherever you want on the Mac’s Dock. But you want to open it like an application from your dock so that it feels more native to your computer. You’ve got a favorite website and use it every day.