Get App Icon - Workflow Wednesday

This is a new weekly segment I am doing called Workflow Wednesday. Every Wednesday I will be sharing workflows I have either made myself or found elsewhere that is worth sharing with you. If you haven’t tried out Workflow yet I highly suggest downloading it (it’s free).

What The Workflow Is

This week is how to get the app icons from an App Store URL. Meaning that you can share a link from the App Store and then run a workflow that will get the image of the app icon, and mask it to look like a home screen version of it. This is great if you are writing a blog post or want to use an app icon of something to share in a document or website.

  <img src="" alt=""/>

How it Works

The masking part of this is a new addition to the latest Workflow update and it’s probably my favorite thing about Workflow image manipulation as of right now. It makes things very easy to conform image to match the style of app icons. You can also use the mask for other things like a rounded rectangle, an ellipse, or even your own custom image. I have not tested the custom image just yet but according to MacStories it can be done with some trial and error.

in my early tests with this feature, I had fun using random images from my photo library as masks and understanding how Workflow treated their brightness as a custom alpha mask. According to the app's documentation, darker colors in the alpha mask become transparent and lighter colors remain opaque; the mask is also resized to match the dimensions of the source image if necessary.

How to Use It

Once you download the workflow it is simple to run it and save the image for later use.

Simply open the App Store and find the app you want to save the icon for and tap “Share App.”

  <img src="" alt=""/>

From there tap the “Run Workflow” option in the share sheet. If you don’t see it you may need to check and see if you have it enabled. To do that scroll all the way to the right on the bottom section and tap “More” and make sure the Run Workflow option it switched on.

  <img src="" alt=""/>

Finally, select the App Icon Workflow you just installed. For you it may be more towards the bottom depending how many workflows you have that are action extensions.

  <img src="" alt=""/>

This workflow came in handy for me when I was working on getting the images for a new ebook I am working on. I took the apps I wanted to cover in this ebook and ran this workflow to make the app icons and then save them in a folder on my iCloud for later use in Pages.

All in all this may be a simple workflow but it has been getting a lot of mileage from me and I think if you ever want to grab an app icon this will do the job for you.

You can download the workflow here if you would like it.


p id=“yui_3_17_2_1_1525151795126_151442”>If you have any requests for workflows for me to build feel free to contact me and let me know!

Jeff Perry @JeffPerry