---
title: "Så här anpassar du ikonerna i din meny | Självstudiekurser - GoodBarber"
description: "MenyikonerNavigeringsmenyns sektioner kan ha ikoner. Flikfält och Grid visar alltid ikoner. Med Swipe och Little Swipe slår du på ”Display icons” i menyns inställningar.Öppna appens struktur och klic…"
canonical_url: "https://se.goodbarber.com/tutorials/design/sa-har-anpassar-du-ikonerna-i-din-meny/"
lang: sv
---

# Så här anpassar du ikonerna i din meny | Självstudiekurser - GoodBarber

[Tillbaka](https://se.goodbarber.com/tutorials/)

# Så här anpassar du ikonerna i din meny

## Menyikoner

Navigeringsmenyns sektioner kan ha ikoner. Flikfält och Grid visar alltid ikoner. Med Swipe och Little Swipe slår du på ”Display icons” i menyns inställningar.

Öppna appens struktur och klicka på Menu.

## Byta en ikon

I Layout klickar du på en länk för att öppna den.

Klicka sedan på ”Edit the icon”. Det valda läget använder samma ikon, om du inte byter den också.

I ”Personal icons” laddar du upp en egen: en vit PNG på transparent bakgrund, 260 × 260 pixlar, så att den får samma färger som appen. Med Image behåller den sina egna färger.

Eller öppna Collections: flera uppsättningar och stilar, med sökfunktion. Klicka på en ikon… så visar fliken den direkt.

## Ikonernas färger

Ikonernas färger ändrar du i Settings.

I ”Tab bar items” väljer du en färg för flikarna och en för den valda fliken.

Alla flikar får den nya färgen.

## En flik som sticker ut

För att få en flik att sticka ut öppnar du den i Layout. Slå sedan på ”Modify this link style”… och ge ikonen en egen färg.

Bara den här fliken ändras.

## Publicering

Publicera uppdateringen av din app från menyn Publish, så att dina användare ser ändringarna.

## Relaterade videor

[DesignSå här ställer du in din header](/tutorials/design/sa-har-staller-du-in-din-rubrik/)

![Så här ställer du in din header](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignSå här ställer du in stilen för din app](/tutorials/design/sa-har-staller-du-in-den-globala-stilen-for-din-app/)

![Så här ställer du in stilen för din app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignSå här anpassar du startskärmen i din app](/tutorials/design/sa-har-anpassar-du-stankskarmen-i-din-app/)

![Så här anpassar du startskärmen i din app](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignSå här ställer du in navigeringsmenyn för din app](/tutorials/design/sa-har-staller-du-in-navigeringslaget-for-din-app/)

![Så här ställer du in navigeringsmenyn för din app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignSå här utformar du dina sektioner](/tutorials/design/sa-har-utformar-du-dina-sektioner/)

![Så här utformar du dina sektioner](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignHur man kopierar designen av ett avsnitt](/tutorials/design/hur-man-kopierar-designen-av-ett-avsnitt/)

![Hur man kopierar designen av ett avsnitt](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignSå här designar du kategorierna i en sektion](/tutorials/design/sa-har-designar-du-kategorierna-i-en-sektion/)

![Så här designar du kategorierna i en sektion](https://portal.ww-cdn.com/portal_static/images/videos8.fc945e8b95fd.jpg)

[DesignSå här ställer du in din startsida](/tutorials/design/sa-har-staller-du-in-din-startsida/)

![Så här ställer du in din startsida](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignSå här väljer du storleken på din header](/tutorials/design/hur-valjer-man-rubrikstorlek/)

![Så här väljer du storleken på din header](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)