Toolbar Button Icons for iPhone

March 26, 2010 | by Kreg Wallace

iPhone Toolbar Button Icons

There’s a new icon set for iPhone developers available in the DesignKode icon store today. The iPhone Toolbar Button Icons set contains 100 PNG icons designed for use in Bar Button Items on the iPhone Toolbar.

Toolbar button icons present a unique design challenge because of the vertical height constraints of the button shape, which requires the icons to fit within a roughly 20 pixel square. The icons in this set are all PNG image files with alpha transparency and have been colored black so that they may be easily distinguished in the Mac OS X Finder. Check out the quick reference guide PDF for a list of all the icons in this set.

When the icons are placed into a Bar Button Item in Interface Builder, the icon will display as white with a beveled edge. The coloration effect is produced automatically by the iPhone SDK, helping to maintain a consistent look across iPhone apps.

You may also like…

While you’re in the icon store, be sure to check out our Tab Bar icon set for iPhone and iPad developers. The Tab Bar icons are larger than the Toolbar icons, designed for the 30 x 30 pixel area of Tab Bar buttons. The Tab Bar icons also come in both PNG and vector SVG formats.

Comment on this post