---
title: "Så här anpassar du huvudikonerna i din app | Självstudiekurser - GoodBarber"
description: "Hej och välkommen till din nya GoodBarber-handledning\r \r Idag ska vi lära oss hur man anpassar appikonerna\r \r Detta är ett obligatoriskt steg för att skapa din app\r \r Ikonen är ett viktigt visuellt e…"
canonical_url: "https://se.goodbarber.com/tutorials/design/sa-har-anpassar-du-huvudikonerna-i-din-app/"
lang: sv
---

# Så här anpassar du huvudikonerna i din app | Självstudiekurser - GoodBarber

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

# Så här anpassar du huvudikonerna i din app

Hej och välkommen till din nya GoodBarber-handledning

Idag ska vi lära oss hur man **anpassar appikonerna**

Detta är ett obligatoriskt steg för att skapa din app

Ikonen är ett viktigt visuellt element i din app. Den kommer att användas som favicon av webbläsarna, visas i push-meddelanden för att identifiera avsändaren, på startskärmen på dina användares enhet.

För att ställa in ikonerna går vi till menyn **Min app > Design > allmän design**

Öppna menyn med ikoner

Du kan använda assistenten eller skapa en helt anpassad ikon

Vi börjar med assistenten

Här kan du lägga till text eller en logotyp

Jag vill till exempel visa initialerna för mitt spa Freyja. Allt jag behöver göra är att skriva in dem i textrutan
Voila

Om jag föredrar en logotyp behöver jag bara klicka på fliken så här och ladda upp en bild i önskade dimensioner

Låt oss hålla oss till texten

På menyn till höger kan jag ställa in teckensnitt, textfärg och effekter

Sedan skapar jag bakgrunden till min ikon: en färg eller en bild från unSplash-biblioteket i backoffice eller från min dator.

Det är vad jag kommer att göra

Och voila min ikon är klar!

Allt jag behöver nu är att redigera titeln på min app, som kommer att visas på startskärmen på dina kunders enheter

Perfekt!

Klicka på generera och bekräfta ändringarna

Ikonerna genereras automatiskt i det format som krävs för alla möjliga användningsområden.

Det var enkelt, eller hur?

Låt oss nu prova det anpassade alternativet
Nu kan det inte bli enklare. Ladda bara upp den redan skapade ikonen (i önskade storlekar)

Och så är det klart!

Du vet nu hur du anpassar din appikon

Vi ses mycket snart för en annan 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 anpassar du ikonerna i din meny](/tutorials/design/sa-har-anpassar-du-ikonerna-i-din-meny/)

![Så här anpassar du ikonerna i din meny](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.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)