Ting å tenke på
Funksjonelle
Ikonene våre er laget for å støtte funksjonalitet, ikke dekorasjon.
Enhetlige
De følger samme størrelse og farge lik teksten til innholdet rundt.
Vi bruker ikoner fra Material Symbols-fonten og har gjort et utvalg av de vi bruker mest. Ta gjerne en prat med Jøkul-teamet før du bruker et nytt ikon. For utviklere er det mulig å bruke den generelle Icon-komponenten og sende inn navnet på det ikonet du vil ha.
Fontfilen er stor og for å hindre at ikonene vises uten styling før filen er lastet inn, anbefaler vi at du forhåndslaster den. Legg inn denne koden i head for å gjøre det:
<link
rel="preload"
href="<sti til dine fontfiler>/Fremtind_Material_Symbols.woff2"
as="font"
type="font/woff2"
crossorigin
/>I Figma finnes ikonene i størrelsene small og medium, og vektene regular og bold for å matche tekststilene.
Farger
Fargen på ikoner skal i hovedsak være lik tekstfargen til det tilhørende innholdet, men det finnes noen sjeldne unntak.
Animasjon
Noen av komponentene våre bruker animerte ikoner for å vise overgangen fra én tilstand til en annen.
