Apple and Google Play Store Badges
Last Updated on August 5, 2026 by Editorial Team
Useful set of monochrome download buttons (badges) for Apple and Google Play Store. Crafted by Joe Roberto.
These app store badges are about as small as design assets get, but they carry a lot of weight on the page.
The pair shown here sticks to the standard black pill shape with the Apple logo and “Download on the App Store” text on top, and the Google Play triangle mark with “Download on Google play” underneath.
Both badges use the same rounded rectangle proportions and matching typography sizes, so when they sit stacked or side by side they read as one cohesive set rather than two mismatched buttons pulled from different sources.
The monochrome black treatment is what makes this version so flexible. It reads clearly on white backgrounds, product screenshots, marketing pages, and dark hero sections alike, since there is no color to clash with a brand palette.
That neutrality is exactly why designers reach for badges like these instead of building custom ones from scratch: app store guidelines are strict about how the Apple and Google marks can be altered, so having a clean, correctly proportioned badge on hand saves you from redrawing logos or guessing at spacing.
You will typically drop these badges into landing page footers, app download sections, email newsletters, onboarding screens, or pitch decks where you need to point people toward a mobile app without a lot of visual noise.
They also work well inside app icon presentation shots, like the diamond-shaped icon mockup paired with them in the preview, where the badges act as a call to action beneath a hero graphic.
Because the buttons are already balanced against each other, stacking them vertically in a sidebar or lining them up horizontally in a footer both work without extra tweaking.
Adjusting the Badges for Your Layout
If you need to resize them, scale the whole badge as one unit rather than stretching width and height independently, since the App Store and Google Play marks are sensitive to distortion.
When placing them over a photo or colored background, add a bit of drop shadow or a subtle outline if the black badge starts to blend into a dark image.
For a lighter website theme, keep the badges black rather than trying to recolor them; both Apple and Google recommend not altering their official marks, and the black version already reads well on most backgrounds without modification.
Give the pair consistent spacing on both sides, and align them to the same baseline as any nearby text or icon so the download call to action feels intentional rather than dropped in as an afterthought.
