---
title: How to add or change the invoice logo
description: "**Objective:** To easily add or change the company logo in the invoice design via the system's front-end interface. --- ### Steps to add the logo to the invoice: **Step 1:** Access System Settings From the main interface (front-end), scroll to…"
url: "https://bill.sa/en/help/how-to-add-or-change-the-invoice-logo/"
updated: "2026-09-28"
category: General Settings
tags:
  - invoice
---

# How to add or change the invoice logo

**Objective:** To easily add or change the company logo in the invoice design via the system's front-end interface.

---

### Steps to add the logo to the invoice:

**Step 1:** Access System Settings
From the main interface (front-end), scroll to the bottom of the page and click on the **"Settings"** option.

![](https://bill.sa/wp-content/uploads/2026/07/1-2-1024x540.png)

---

**Step 2:** Open Invoice Settings
From the settings menu, select **"Invoice Settings"** to access customization options.

![](https://bill.sa/wp-content/uploads/2026/07/2-2-1024x540.png)

---

**Step 3:**Navigate to Invoice Designs
Within the invoice settings, click on **"Invoice Templates / Designs"** to view all available templates.

![](https://bill.sa/wp-content/uploads/2026/07/3-2-1024x540.png)

---

**Step 4:** Selecting the invoice to be modified
From the list of designs, select the invoice to which you wish to add the logo by clicking on it.

![](https://bill.sa/wp-content/uploads/2026/07/4-3-1024x540.png)

---

**Step 5:** Enable the invoice logo display
After opening the invoice design, locate the logo option, then **click the checkbox for "Show invoice logo"** to enable it.

![](https://bill.sa/wp-content/uploads/2026/07/تغير-المخزون-3-1024x540.png)

---

**Step 6:** Upload the new logo
Click the **"Choose File"** button to open the file explorer on your device, then select the logo image you wish to use and upload it to the program.

![](https://bill.sa/wp-content/uploads/2026/07/‫الرئيسية-شركة-تجربة-Google-Chrome‬-7_26_2026-01_50_51-م-1024x540.png)

---

**Step 7:** Save Changes
After uploading the logo, scroll to the bottom of the page and click the **"Update"** button.

![](https://bill.sa/wp-content/uploads/2026/07/8-1-1024x540.png)

---

**Step 8:** Confirming the operation's success
A confirmation message reading **"Invoice updated successfully"** will appear, indicating that the logo has been permanently saved.

![](https://bill.sa/wp-content/uploads/2026/07/9-1-1024x540.png)

---

### ✅ Additional tips:

- **Image size:** It is recommended to use a logo image of an appropriate size (preferably a PNG with a transparent background) to ensure the best quality on the invoice.
- **Preview:** After the update, it is recommended to open a sample invoice to verify that the logo appears correctly.
- **Backup:** If there is an old logo, ensure you keep a copy of it before replacing it (if possible).