Icon & Favicon Studio
Square SVG in, complete icon pack out. Pick website, native app, or custom PNG targets — the preview and outputs update live as you tune settings.
JSON API referenceSVG Master
Source artwork. Upload or paste a vector master. Icons work best at a1:1 aspect ratio — non-square art can be center-cropped below.
Export Tasks
Pick your deliverables. Tasks are grouped by where they ship — website/PWA, native iOS, native Android, or custom PNG export. Only checked tasks are generated.
Website & PWA
Browser tabs, home-screen shortcuts, installable web apps, and deploy snippets.
iOS App (Native)
Xcode AppIcon.appiconset sizes for iPhone, iPad, and App Store Connect.
Android App (Native)
Gradle mipmap launcher icons, adaptive foreground layers, and Play Store listing.
Custom Export
Standalone PNG masters at chosen pixel dimensions with embedded DPI metadata.
Render & Deploy Options
Optional tuning. These fields only appear when a selected export task needs them. Defaults match this site's palette — change only when your target brand differs.
Raster layout
Padding inset applied when rasterizing PNG sizes (favicons, PWA, tiles).
Tile backgrounds
Used for Apple touch icons, Windows tiles, and maskable safe-zone fills.
Browser chrome
Theme color for manifest and mobile browser UI accents.
Safari pinned tab
Monochrome mask color for macOS Safari pinned tabs.
Web app manifest
Included in manifest.webmanifest and deploy README when snippets are exported.
Custom PNG export
PNG is lossless — resolution is the pixel size you pick. DPI is embedded as pHYs metadata for design tools and print pipelines (72 screen, 300 print).
Outputs
Download or deploy. Files group by platform. Snippets are copy-paste ready for your layout <head> and public/ folder.
Run generate to preview downloadable assets grouped by platform.
Head snippet preview
API & agent accessPOST /api/tools/icons.json
JSON contract
Icon & Favicon Studio uses the same fields in the browser studio and viaPOST /api/tools/icons.json. Full toolkit catalog:/api/tools/manifest.json.
Agents can POST an SVG string or pngBase64 master with task IDs and render options to receive base64 outputs, ICO, and deploy snippets.
- tasks: favicons, apple, pwa, maskable, windows, safari-pinned, snippets, ios-iphone, ios-ipad, ios-app-store, android-launcher, android-adaptive, android-play-store, custom-png
- options: paddingPercent, backgroundColor, maskableSafeRatio, themeColor, tileColor, pinnedTabColor, appName, shortName, appDescription, customPngSizes, customPngDpi
- iOS iphone task exports all @2x/@3x AppIcon sizes; Contents.json lists only selected iOS groups.
- Errors return code, field, and hint fields for agent-friendly debugging.
POST /api/tools/icons.json
Content-Type: application/json
{
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"><circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"#d4849a\"/></svg>",
"tasks": [
"favicons",
"apple",
"pwa",
"maskable",
"snippets"
],
"options": {
"paddingPercent": 8,
"backgroundColor": "#08080d",
"themeColor": "#d4849a",
"appName": "imyourboyroy.com",
"shortName": "Roy"
}
}