---
title: "Sådan tilpasser du hovedikonerne i din app | Vejledninger - GoodBarber"
description: "Hej og velkommen til din nye GoodBarber-vejledning\r \r I dag skal vi lære at tilpasse app-ikonerne.\r \r Dette er et obligatorisk trin for at generere din app\r \r Ikonet er et vigtigt visuelt element i d…"
canonical_url: "https://dk.goodbarber.com/tutorials/design/sadan-tilpasser-du-hovedikonerne-i-din-app/"
lang: da
---

# Sådan tilpasser du hovedikonerne i din app | Vejledninger - GoodBarber

[Tilbage](https://dk.goodbarber.com/tutorials/)

# Sådan tilpasser du hovedikonerne i din app

Hej og velkommen til din nye GoodBarber-vejledning

I dag skal vi lære at **tilpasse app-ikonerne**.

Dette er et obligatorisk trin for at generere din app

Ikonet er et vigtigt visuelt element i din app. Det vil blive brugt som favicon af webbrowsere, vises i push-meddelelser for at identificere afsenderen og på startskærmen på dine brugeres enheder.

For at konfigurere ikonerne skal du gå til menuen **Min app > Design > generelt design**

Åbn menuen med ikoner

Du kan bruge assistenten eller oprette et helt brugerdefineret ikon

Vi starter med assistenten

Her kan du tilføje tekst eller et logo

Jeg vil f.eks. gerne vise initialerne for min spa Freyja. Alt, hvad jeg skal gøre, er at indtaste dem i tekstfeltet
Voila

Hvis jeg foretrækker et logo, skal jeg blot klikke på fanen som denne og uploade et billede i de ønskede dimensioner

Lad os holde os til teksten

I menuen til højre kan jeg indstille skrifttype, tekstfarve og effekter

Derefter opretter jeg baggrunden for mit ikon: en farve eller et billede fra unSplash-biblioteket i backoffice eller fra min computer.

Det er, hvad jeg har tænkt mig at gøre

Og voila, mit ikon er klar!

Nu mangler jeg bare at redigere titlen på min app, som vil blive vist på startskærmen på dine kunders enheder.

Perfekt!

Klik på generer, og bekræft ændringerne

Ikonerne genereres automatisk i det ønskede format til alle mulige anvendelser.

Det var nemt, ikke?

Lad os nu prøve den brugerdefinerede mulighed
Det kunne ikke være nemmere. Du skal blot uploade et allerede oprettet ikon (i de ønskede størrelser)

Og så er det gjort!

Du ved nu, hvordan du tilpasser dit app-ikon

Vi ses meget snart til en ny vejledning!

## Relaterede videoer

[DesignSådan sætter du din header op](/tutorials/design/sadan-stter-du-din-header-op/)

![Sådan sætter du din header op](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignSådan indstiller du den globale stil i din app](/tutorials/design/sadan-indstiller-du-den-globale-stil-i-din-app/)

![Sådan indstiller du den globale stil i din app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignSådan tilpasser du din apps splashscreen](/tutorials/design/sadan-tilpasser-du-din-apps-splashscreen/)

![Sådan tilpasser du din apps splashscreen](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignSådan indstiller du navigationstilstanden i din app](/tutorials/design/sadan-indstiller-du-navigationstilstanden-i-din-app/)

![Sådan indstiller du navigationstilstanden i din app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignSådan tilpasser du ikonerne i din menu](/tutorials/design/sadan-tilpasser-du-ikonerne-i-din-menu/)

![Sådan tilpasser du ikonerne i din menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignSådan designer du dine sektioner](/tutorials/design/sadan-designer-du-dine-sektioner/)

![Sådan designer du dine sektioner](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignSådan kopierer du designet af en sektion](/tutorials/design/sadan-kopierer-du-designet-af-en-sektion/)

![Sådan kopierer du designet af en sektion](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignSådan opsætter du din startside](/tutorials/design/sadan-opstter-du-din-startside/)

![Sådan opsætter du din startside](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignHvordan vælger du din headerstørrelse?](/tutorials/design/hvordan-vlger-du-din-headerstrrelse/)

![Hvordan vælger du din headerstørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

[DesignSådan tilpasser du baggrunden i din app](/tutorials/design/sadan-tilpasser-du-baggrunden-i-din-app/)

![Sådan tilpasser du baggrunden i din app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)