How to set an icon for a menu item

← Back

In the section window, click the dotted label "Icon" — a palette of 18 groups will open; clicking an icon places it in the field. Save the section.

  1. Open the section or informer window.
  2. Click the “Icon” label above the narrow field — it is underlined with a dotted line. The “Choose an icon” palette will open.
  3. The row of icons at the top switches to a group: “Interface and navigation”, “Money and finance”, “Food and drinks”, “Emojis” and others.
  4. Click an icon — it will be placed in the field. “No icon” clears the field.
  5. Click “Save”.

You can also type an icon into the field manually — any emoji or symbol.

Colored or monochrome. Emojis remain colored. The “Simple symbols (text colors)” group — ★ ✓ ✉ ☎ ₽ and similar — is colored with the text color of the item: convenient when icons should match the menu color.

The “Chat” and “Multichat” informers do not have their own icon — only from this field. Without an icon and without a label, such an informer is visible only as a red circle when there are unread messages.

If it didn’t work

  • A visitor sees a square instead of the icon. New emojis, such as 🪙, are not rendered on old phones. The palette hides what your device cannot display, but not what the visitor’s device cannot. 💰 or simple symbols are more reliable.
  • After saving, a “?” appears instead of the icon. On some installations, colored emojis are not saved. Use an icon from the “Simple symbols” group — they are saved everywhere.
  • The palette closed by itself. It closes when the page is scrolled. Scroll inside the palette.
Did the article help?

See also

Tips for working with the builder

The "Help" section is made for those who are building a website on "Pervaya Liniya" for the first time. It contains answers to common questions: how to create a website, what to write in the fields, how to edit texts and photos, how to connect your own domain, and how to set up sections. The materials will help you figure things out without contacting support.

The builder is simple: you fill in the fields on the creation page, and then edit the content directly on the finished website. If something does not work or is unclear, check the relevant help item. The instructions are written in plain language and describe every step.

In Help you will find answers to questions:

  • how to come up with a website address and what to do if the name is taken;
  • how to change the title, description, and other texts on the page;
  • how to add products, services, or request forms;
  • how to connect your own domain instead of an address on firstline.com.ua;
  • how to set up sections and modules for your business needs.

If you cannot find the answer you need, use the feedback form — we will help you figure it out. The section is updated so that you can always find current information about working with the builder.