Ikoner

Velg ikonpakke selv

Med Designsystemet velger du selv hvilken ikonpakke du vil bruke. Noen bruker Navs ikonpakke, andre velger andre pakker som står bedre i stil med deres visuelle profil. Dette er helt opp til deg og hva som passer best for din virksomhet.

Nav sitt ikonsett

Nav har laget et solid sett med ikoner (nav.no) (900+) som er åpen for å bruke og bidra til. At et ikon har samme betydning i en offentlig sammenheng som en annen tror vi bare har fordeler.

Ikonene støtter justering i størrelse og fargeendringer, og kommer i både stroke og fill-varianter.

Her finner du oversikten over ikoner: aksel.nav.no/ikoner
Her kan du laste ned ikonpakken: cdn.nav.no/aksel/icons
Her finner du NPM-pakken: @navikt/aksel-icons (npmjs.com)
Her finner du ikonene i Figma: Core Icons 3 (figma.com)

Tilgjengelighet

Ikonene skal funke for alle brukerene, uansett situasjon. Les mer om hvordan du sikrer tilgjengeligheten (nav.no) når du bruker ikoner og hvilke aria-attributter du bør bruke.

Slik bidrar du

Har du forslag til nye ikoner eller forbedringer? Meld inn ønsket ditt her (github.com). Vi vurderer sammen med Nav om ikonet skal legges inn i Navs bibliotek.
Dersom det dukker opp mange gjentatte behov som ikke passer inn der, vil vi vurdere å tilby en egen tilleggspakke fra Designsystemet.

Husk også at du alltid kan lage dine egne ikoner for dine egne behov, da slipper du å vente på at det eventuelt blir en del av en fellespakke. Når du lager egne ikoner som skal brukes sammen med Nav sin ikonpakke, er det lurt å følge retningslinjene deres (github.com) for utforming.