> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Generate an app icon

> Use Replit's built-in image generation to create PixelGames' app icon.

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

export const appIconPrompt = "Generate 3 different 1024x1024 app icon concepts for PixelGames.";

Both stores require an app icon before they'll accept a submission. Replit can generate one
directly, no separate design tool required.

## What each store needs

* **App Store:** 1024×1024, no transparency, no rounded corners, Apple adds those.
* **Google Play:** 512×512.

## Generate it

Switch to **Design** mode before sending the prompt, this tells Agent to generate images.

<AiPrompt>
  {appIconPrompt}
</AiPrompt>

Agent generates a few directions at once, so you can compare and pick before committing to
one.

<Frame caption="Three app icon concepts Agent generated for PixelGames, ready to compare.">
  <img src="https://mintcdn.com/replit/WuaQIOfW5oxRlxex/images/pixelgames/mobile/app-icons.png?fit=max&auto=format&n=WuaQIOfW5oxRlxex&q=85&s=10072e965710ebb49eea4d3e75295507" alt="Three generated PixelGames app icon concepts: Console, Blocks LCD, and P Monogram" data-path="images/pixelgames/mobile/app-icons.png" width="1920" height="992" data-path="images/pixelgames/mobile/app-icons.png" />
</Frame>

## What's next

<CardGroup cols={2}>
  <Card title="Generate App Store screenshots" icon="images" href="/build/mobile-store-screenshots">
    Create the marketing screenshots each store needs.
  </Card>

  <Card title="Submit to the App Store" icon="apple" href="/build/mobile-publish-ios">
    Use this icon in the App Store listing.
  </Card>
</CardGroup>

## Related

* [Submit to Google Play](/build/mobile-publish-android)