> For the complete documentation index, see [llms.txt](https://buypass-profilguide.gitbook.io/project/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://buypass-profilguide.gitbook.io/project/iconer.md).

# Ikoner

Det er utviklet et omfattende sett av ikoner for Buypass. Generelle ikoner for å tydeliggjøre innhold, navigasjonsikoner, ikoner for produktområder etc

### Bruk av ikoner i navigasjon

![](https://1165408786-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDaOmaOm53kkQ0pXs93%2F-LIoXjQQYYI6HbZY-p0Y%2F-LIoY_ExQklh5qNaLMgI%2Fimage.png?alt=media\&token=093c9dee-913b-4dd2-843f-d5d1021cc8f2)

### Appikoner

Ikonene kan også brukes som appikoner til hjemskjerm. Da benyttes et heldekk av hvitt sammen med den typiske linjestilen. <br>

![](https://1165408786-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDaOmaOm53kkQ0pXs93%2F-LIoXjQQYYI6HbZY-p0Y%2F-LIoZ-YXJ-4i-lZSAu6L%2Fimage.png?alt=media\&token=6f5e29ec-0cc7-4780-aba4-a3b8645ab545)

### I apper

Apper drar generelt god nytte av ikoner – både for økt tydelighet og som rent dekorative elementer.

![](https://1165408786-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDaOmaOm53kkQ0pXs93%2F-LIoXjQQYYI6HbZY-p0Y%2F-LIoZgNYBppcWE3uH1r4%2Fimage.png?alt=media\&token=e7fb5c4b-1c4e-45e6-bd98-b690fefe2d92)

### Ikoner i skjema

Ikoner er viktig i skjemaer og input-felter, spesielt der man utelater tekstlig forklaring (labels).\
Ettersom ikonene her opptrer i små ­størrelser, er det viktig å holde formene enkle og unngå farger.<br>

![](https://1165408786-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDaOmaOm53kkQ0pXs93%2F-LIoXjQQYYI6HbZY-p0Y%2F-LIoZLG2NtLPzbOlnRN0%2Fimage.png?alt=media\&token=d098b296-3301-4a41-9995-10550c03c244)