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

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.