Create an Application Icon for Chat

Choose a tool for developing with an AI agent:

  • use Alaio Vibecode to build an app for Bitrix24 from a task description without knowing any programming language. The agent writes the code and deploys the app to a server, with no manual hosting setup
  • use the MCP server to develop a REST API integration in your own project. The agent refers to the official REST documentation

When creating an Application Icon for Chat, follow these guidelines:

  1. The icon must be in .PNG format and have a transparent background

    Icon on transparent background

  2. Canvas size: 108x66 px, the left part is used for the inactive icon, and the right part is for displaying the active one

    Canvas size

  3. The main part of the icon should not exceed 45x32 px and must be centered in the middle of each section

    Main part of the icon

  4. The primary color for the inactive icon is #b3b7bc, and for the active icon, it is #2fc7f7

    Primary color of the icon

    To simplify the icon creation process, we provide several templates. You can download them and use them in your work.

    textarea_icon_f

    marta_icon

    textarea_icon

    textarea_icon_f.psd

    marta_icon.psd

    textarea_icon.psd

  5. To upload the image when registering or updating the application, you need to pass the key ICON_FILE. The value of this key should be the base64 of your image

    'ICON_FILE' => base64_encode(
            file_get_contents(
                __DIR__.'/icon_button.png'
            )
        ),

Warning

If you do not create an icon for the application, it will be grouped under a service button:

Service button

Previous
Contextual Applications
Next
Create an IFRAME Handler