Button [App Store Badges]
Platform-compliant download buttons for promoting your app across every major store. App Store Badges cover 12 platforms, 2 colors, and 2 appearance styles, ready for landing pages, marketing sites, and email footers.
![Button [App Store Badges]](/_next/image?url=%2Fwebsite%2Fcomponents-app-store-badge.png&w=3840&q=75)
Overview
App Store Badges are ready-made download buttons for promoting your app across every major platform. The set covers 12 platform badges, each with black and white color variants and filled or outline styles, so you can drop a compliant, on-brand download button into any landing page, marketing site, or email footer.
Figma Preview
When should you use them?
Use app store badges any time you link to your app's download page, on a landing page hero, a marketing site footer, or an email campaign. They give users an instantly recognizable, trusted way to install your app on their platform of choice.
How should you use them?
- Use the badge for each platform you actually support, App Store, Google Play, and others.
- Pick the black or white variant based on your background for the best contrast.
- Use Filled badges for primary download sections, Outline for lighter or secondary placements.
- Switch to Icon Only mode in compact footers, nav bars, and tight grids where full badges are too wide.
- Keep badges at a consistent size and alignment when showing multiple platforms side by side.
- Link each badge directly to the correct store listing so users land on the right page.
Stop deciding.
Start shipping.
The system is ready. Free to start, or get full access
at 70% off before the price goes up at launch.
Start Free Now.
Upgrade Through Pre-sale.


