Upload your logo and export a complete, production-ready website asset pack — favicons, Apple touch icons, Android/PWA icons, social preview images, app store icons, manifest JSON, and HTML snippets.
📁
Drop your logo here or click to upload
PNG with transparency works best
BACKGROUND COLOR
Used for assets with solid backgrounds (OG images, app store icons)
FAVICONS
16×16
favicon-16x16.png
Browser tab (small)
32×32
favicon-32x32.png
Browser tab (standard)
48×48
favicon-48x48.png
Windows shortcut
APPLE & IOS
180×180
apple-touch-icon.png
iOS home screen
76×76
apple-touch-icon-76.png
iPad (non-Retina)
120×120
apple-touch-icon-120.png
iPhone Retina
152×152
apple-touch-icon-152.png
iPad Retina
ANDROID / PWA ICONS
192×192
icon-192x192.png
Android home screen
512×512
icon-512x512.png
PWA splash / store
SOCIAL PREVIEW (OG)
1200×630
og-image.jpg
Facebook / LinkedIn OG
1200×600
twitter-card.jpg
Twitter large card
APP STORE
1024×1024
app-icon-1024.png
iOS App Store
512×512
play-store-512.png
Google Play icon
Essential Website Branding Assets Every Startup Needs
Launching a website involves more than building pages — your brand needs to show up correctly everywhere: browser tabs, mobile home screens, social sharing previews, and app stores. Missing even one asset creates a visibly unfinished product.
The Complete Website Asset Checklist
Every production website needs: favicons (16, 32, 48px), an Apple touch icon (180px), Android/PWA icons (192, 512px), an Open Graph image (1200×630px) for social sharing, a Twitter card image (1200×600px), a site.webmanifest for PWA support, and the correct HTML meta tags linking them all together.
Cross-Platform Icon Requirements
Apple and Android have different icon treatments. iOS applies a rounded-rectangle mask to your icons — so a square icon with content touching the edges will look clipped. Design with ~10% safe padding. Android uses adaptive icons which can be masked in different shapes depending on launcher; use purpose: "maskable" in your manifest and keep content within the safe zone.
Frequently Asked Questions
What is a web manifest and do I need one?
A site.webmanifest (or manifest.json) is a JSON file that tells browsers how to display your site when installed as a PWA on a home screen. It includes your app name, icon paths, theme color, and display mode. Any site targeting mobile users should have one.
Can I use my regular logo as an app icon?
Yes, but square logos work better. App icons are always displayed as squares (with rounded corners on iOS). If your logo is wide/horizontal, it will appear very small when scaled to fit inside a square icon. Consider creating a square version specifically for icons.
What background color should I use for app icons?
Use your brand's primary color. Avoid white or transparent backgrounds for Apple touch icons — iOS may apply its own treatment. For Android adaptive icons, a solid brand color background looks best across launcher shapes.