• Forsiden
  • Retningslinjer
  • Designregler
  • Integrationer
  • Integrationstyper
  • Link
  • Iframe
  • HTML
  • Portal Add-in
  • Menutyper
  • Sidemenu
  • Topmenu
  • Faneblade
  • Forløbsindikator
  • Layout
  • Typografi
  • Formularer
  • Tabeller
  • Lister
  • Fremhævede beskeder
  • Bokse
  • Knapper
  • Ikoner
  • Farver
  • Cookienotifikation
  • Hjælpeklasser
  • Hjælpeklasser
  • Javascripts mv.
  • Javascripts
  • Modalbokse
  • Ressourcer og eksempler
  • Eksempel på løsning med forløbsindikator
  • Kompatibilitet med Virk.dk

HTML-guide til udvikling af integrationsløsninger til Borger.dk

Ikoner

Ikoner benyttes til visuelt at understrege en handling eller en information.

Ikoner indsættes inline med i-tagget og får på den måde samme skriftstørrelse og farve.

<p style="font-size: 10px"><i class="icon-key"></i> Log ind</p>
<p style="font-size: 14px"><i class="icon-key"></i> Log ind</p>
<p style="font-size: 16px"><i class="icon-key"></i> Log ind</p>
<p style="font-size: 21px; color: #CE4E2F"><i class="icon-key"></i> Log ind</p>

Log ind

Log ind

Log ind

Log ind

Ikonliste

Type Klassenavn Ikon (14px) Ikon (16px)
Pil højre icon-arrow-right
Pil op icon-arrow-up
Pil ned icon-arrow-down
Pil venstre icon-arrow-left
Chevron højre icon-chevron-right
Chevron op icon-chevron-up
Chevron ned icon-chevron-down
Chevron venstre icon-chevron-left
Print icon-print
Dokument icon-file-alt
Hjælp icon-question-sign
Information icon-exclamation-sign
Kalender icon-calendar
Nøgle icon-key
Lås icon-lock
Lås op icon-unlock
Lov icon-legal
Kuvert icon-envelope
Organisér icon-reorder
Telefon icon-phone
Sortér icon-sort

Yderligere ikoner kan findes på FontAwesome.


© Digitaliseringsstyrelsen 2013