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

# 2-4. [Custom App] Edit the Icon

> Learn how to edit the icon of a custom app.

Here is how to edit the icon of a custom app.

1. Go to **Service** > select the custom app, then click \[**Edit icon**] at the top right of the screen.

   <img src="https://mintcdn.com/moneyforwardi/6oGiSAKlKcqy6Q-b/images/it-management/custom-app-edit-icon/detail-icon-button.png?fit=max&auto=format&n=6oGiSAKlKcqy6Q-b&q=85&s=07ba41a45793173d7a386dd5df32f21d" alt="The custom app detail screen with the Edit icon button shown at the top right" width="1920" height="213" data-path="images/it-management/custom-app-edit-icon/detail-icon-button.png" />

2. On the "Edit icon" screen, click \[**Select file**] and choose the image file to use as the icon.

   The supported file formats and requirements are as follows.

   | Item              | Details               |
   | ----------------- | --------------------- |
   | Supported formats | PNG / JPEG / SVG      |
   | File size         | Up to 1 MB            |
   | Resolution        | At least 128 x 128 px |

   <img src="https://mintcdn.com/moneyforwardi/6oGiSAKlKcqy6Q-b/images/it-management/custom-app-edit-icon/edit-icon-modal.png?fit=max&auto=format&n=6oGiSAKlKcqy6Q-b&q=85&s=5312b29796f9d8b2e222ebdb168eec2d" alt="The &#x22;Edit icon&#x22; screen with the file selection button shown" width="756" height="520" data-path="images/it-management/custom-app-edit-icon/edit-icon-modal.png" />

3. After selecting the file, click \[**Save**] to apply the icon change.
