Ikoner er intuitive, visuelle representasjoner av funksjoner eller handlinger i et grensesnitt som ligner på hva det representerer. Ikoner er designet for å gjøre det enklere å forstå og interagere med digitale tjenester.
Ikoner bør primært brukes til å understøtte navigasjon og interaksjon i digitale tjenester. De hjelper brukere med å raskt finne frem, skille mellom ulike funksjoner og effektivisere arbeidsflyten.
UI ikoner bør ikke brukes som dekorasjon eller illustrasjon, og heller ikke i utforming av artikler, presentasjoner, innhold til sosiale medier eller trykte flater. Ukritisk bruk av ikoner kan skape forvirring og svekke deres funksjonelle verdi.
For å sikre god lesbarhet og visuell konsistens bør ikoner følge en definert størrelsesskala, for eksempel et 8pt-grid. Anbefalt størrelse på ikoner bør holdes innenfor 12px til 32px, avhengig av kontekst og bruksområde.
Når størrelsen overstiger 32px i størrelse, bør det vurderes om et mer detaljert piktogram, symbol eller illustrasjon vil være mer hensiktsmessig enn et ikon. Dette bidrar til bedre visuell hierarki og forståelse.
NAV har laget et solid sett med ikoner basert på universelle konvensjoner, som vi anbefaler å bruke og bidra til å videreutvikle. At et ikon har samme betydning på tvers av digitale løsninger tror vi bare har fordeler.
Et annet godt ikonbibliotek som vi kan anbefale å ta i bruk er Google Material sitt som er tilgjengelig både som en Figma Plugin og via et Github repo, og som en nedlastbar fontfil. For mer informasjon om Google Material Icons, se den offisielle dokumentasjonen: