---
title: "Så här anpassar du ikonerna i din meny | Självstudiekurser - GoodBarber"
description: "Hej och välkommen till ditt GoodBarber-backoffice.\r \r \r \r Idag ska vi lära oss hur man ändrar ikonerna för ditt navigeringsläge.\r \r Om du ännu inte har valt ditt navigeringsläge kan du gå och se den …"
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

Hej och välkommen till ditt GoodBarber-backoffice.

Idag ska vi lära oss hur man ändrar ikonerna för ditt navigeringsläge.

Om du ännu inte har valt ditt navigeringsläge kan du gå och se den dedikerade videon som jag lägger i informationsfältet.

Dagens handledning är för dig om du har valt navigeringslägena Swipe, Little Swipe, TabBar eller Grid.

I dessa navigeringslägen representeras sektionerna i din app av ikoner som du kan anpassa.

Jag ska visa dig hur du gör.

Gå till menyn Min app > Design > Navigering.

Gå till det navigeringsläge du har valt. Swipa för mig.

I swipe är ikonerna inte obligatoriska, men du kan aktivera dem här.

Menyinställningar. Det är bara att aktivera alternativet.

Nu går jag tillbaka till menyn Layout.

För att ändra ikonen för ett avsnitt behöver jag bara klicka på avsnittet och sedan på Redigera ikonen.

Nu har jag två möjligheter.

Antingen väljer jag bland de 150 ikoner som GoodBarber har föreslagit.

Eller så laddar jag upp en egen ikon.

För att göra det går jag till menyn Anpassade ikoner.

Om du väljer alternativet med ikoner måste du ladda upp en vit bild på en transparent bakgrund, eftersom du kan använda färgerna i ditt tema på den här ikonen.

I mitt fall kommer jag att välja från GoodBarbers ikonbibliotek.

Detta är perfekt.

Jag ändrar ikonerna för de andra sektionerna snabbt.

Och så är det bara!

För att ändra färgen på ikonerna går jag till menyn Inställningar. Ikoner färg. och det är det.

Sista alternativet.

Du kan lägga ett avsnitt framåt i din meny och därmed tillämpa en annan färg på dess ikon.

För att göra detta, i menyn Layout, välj det avsnitt du vill markera och aktivera alternativet "Feature this link".

Nu har jag många nya alternativ.

Jag behöver bara välja färgerna på min ikon.

Nu är det klart!

Här är det slutliga resultatet !

Nu vet du hur du anpassar dina navigationsikoner!

Vi ses snart för en ny handledning ;)

## Relaterade videor

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

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

[DesignSå här ställer du in den globala 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 den globala stilen för din app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

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

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

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

![Så här ställer du in navigeringsläget 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 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)

[DesignHur väljer man rubrikstorlek?](/tutorials/design/hur-valjer-man-rubrikstorlek/)

![Hur väljer man rubrikstorlek?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

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

![Så här anpassar du bakgrunden i din app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)