Action Bar Icon Pack #1 [Free Download]

In Android Design, Action Bar is one of the important UI elements for great app. Besides providing navigation feature to the user, Action buttons in the Action Bar is crucial in user interaction as well, which provides great user experience if it’s done right.

Previously I have published the Action Bar Icon Design Photoshop Template which can be used as a design template for Action Bar icons and export it for all screen densities. Creating an icon, sometimes, is a pretty enjoyable experience – thus, I have used the design template to create 20 Action Bar Icons over the weekend (preview below) which have both Holo Dark and Holo Light version, as well as for all screen densities. The icons for xhdpi screen density are ready to be used in the Android ICS/JB Photoshop GUI Design Kit 3.0.

That’s not all. In this Icon Pack, I have also included 142 stock Action Bar and Tab Icons which are fully generated at the Android Asset Studio for quick mock up/development usage. Sure, I am aware that they are already included in the official Action Bar Icon Pack, but I prefer a slightly different folder structure in organizing the icons (as well as ldpi version), therefore I have them included in this icon pack. If you already have the official one, you can ignore that folder in this icon pack. 😉

Download

I got it uploaded to Mediafire and it is free for commercial use under CC BY 3.0: Android UI/UX Action Bar Icon Pack #1.

More Action Bar Icons are in the draft stage and will be included in the subsequent icon pack. If you are looking for more professional Android icons, check out the awesome Android Developer Icons 2 at androidicons.com.

This work is licensed under the Creative Commons Attribution 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.

Advertisements

Action Bar Icon Design Photoshop Template [Free Download]

Heavily inspired by Sebastian Tibichi’s Google Play Icon Template, this Action Bar Icon Design Photoshop Template is made for Android App Designers/Developers in designing and generating Action Bar Icon in different dpi. While there is already an awesome online Action Bar and Tab Icon Generator in Android Asset StudioAction Bar Icon Design Photoshop Template goes a little bit further – It can preview your designed Action Bar icon in properly sized Action Bar (which is customizable), and it can be used offline.

How to use?

1. Edit the Action Bar Icon Smart Object set at 512×512. Design the icon. Save the smart object. Remember to set the following properties for the icon based on the Holo theme:

  • Holo Light – Icon Color:  #333333 and 60% opacity
  • Holo Dark – Icon Color:  #FFFFFF and 80% opacity

2. Check all the icons generated for different dpi. If everything looks OK, hide the folder HIDE THIS BEFORE EXPORT before export.

3. Use the option Save for Web & Devices. For the dropdown option Slices, select All User Slices. Save to the preferred directory. 4 images at different resolution for different dpi (64×64, 48×48, 32×32, 24×24) will be generated.

Download

You can download Action Bar Icon Design Photoshop Template for free. If you can’t download it from MediaFire, I have also published it at my Deviantart account.

Feel free to use it and share this to any awesome Android app designers/developers! Don’t hesitate to leave a comment here if you have anything in mind!