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

# Add a logo

> Place your logo or an icon in the center of your QR code.

Put your brand logo, or one of GetQR's ready-made icons, in the center of your QR code. A logo makes the code recognizable and tells people what they'll get before they scan.

## Before you start

* These settings are on the **Custom designs** tab.
* Your logo file: an image up to 5 MB (for example JPG, PNG, SVG or HEIC).
* Want the whole code to look like your logo instead? See [Branded QR codes](/design/branded-qr).

## Add your logo

<Steps>
  <Step title="Open the design step">
    In the builder, go to **Customize & Download** and stay on **Custom designs**.
  </Step>

  <Step title="Open Logo">
    Click the **Logo** chip.
  </Step>

  <Step title="Upload your logo">
    Click the upload area (**Click to upload or drag & drop your logo**) and choose your file, or drag it in.
  </Step>

  <Step title="Scale the logo">
    Drag the **Scale logo** slider. The preview updates as you drag.
  </Step>

  <Step title="Check the preview">
    Check that the logo looks right and the code is still clear around it.
  </Step>
</Steps>

To swap the file, click the pencil next to it. To remove it, click the cross.

## Use a ready-made icon

<Steps>
  <Step title="Open Logo">
    Click the **Logo** chip.
  </Step>

  <Step title="Pick an icon">
    Choose an icon under **Select a logo**. Icons that fit your QR type are shown first.
  </Step>

  <Step title="Scale the icon">
    Drag the **Scale logo** slider if you need it larger or smaller.
  </Step>
</Steps>

To remove the logo, pick the first tile (no logo) under **Select a logo**.

## Settings

| Setting | What it does |
| - | - |
| Upload area | Uploads your own logo. Max size: 5 MB. |
| **Select a logo** | Picks a ready-made icon, such as WhatsApp, Wi-Fi, PDF, payment or social media icons. |
| **Scale logo** | Sets the logo size from 15% to 45%. Default 25%. |
| **Reset** | Returns **Scale logo** to 25%. |

## Tips for scannable logos

* Start at the default size and go bigger only if you need to. A large logo hides more of the code.
* GetQR keeps the logo within limits that the code can recover from, so the slider range is safe for scanning. Still, test the code before you print.
* Use a logo with a transparent or plain background, so it blends into the code.
* Prefer square-ish logos. Very wide logos are adjusted to fit.

## Common issues

<AccordionGroup>
  <Accordion title="File too large">
    Logos can be up to 5 MB. Compress the image or export a smaller version.
  </Accordion>

  <Accordion title="Please select an image file">
    Only image files work as logos. Export your logo as JPG, PNG or SVG.
  </Accordion>

  <Accordion title="My wide logo was resized">
    Logos wider than 1.4:1 are adjusted to keep the code scannable. Check that it looks right, or upload a squarer version of your logo.
  </Accordion>

  <Accordion title="The logo doesn't get bigger past a certain point">
    GetQR limits how much of the code the logo can cover, so the code stays scannable. The limit depends on how much content the code holds.
  </Accordion>

  <Accordion title="The code doesn't scan with my logo">
    Lower **Scale logo**, check that the **QR Color** has strong contrast, and test again.
  </Accordion>
</AccordionGroup>

## What's next

<CardGroup cols={2}>
  <Card title="Colors" href="/design/colors" />

  <Card title="Frames" href="/design/frames" />

  <Card title="Branded QR codes" href="/design/branded-qr" />

  <Card title="Save a template" href="/templates/save-template" />
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.