Ikoner

Størrelser

For at vise ikoner i forskellige størrelses-varianter, omgiv dem af en <span class="big"></span>
Mulige valg: hero,big, medium, mini

Man kan også have valgfri størrelser ved at sætte height style på svg-elementet.

Baggrundsfarver

For at vise ikoner med forskellige baggrunde, omgiv dem af en <span class="bg-primary"></span>
Mulige valg: bg-primary, bg-secondary, bg-active

Kanter

For at vise ikoner med forskellige kanter, omgiv dem af en <span class="border"></span>
Mulige valg: border, border-soft

Vis ikon med skarpe kanter ved at bruge class="square"

Ikon-farver

Ikoner kan vises med forskellige farver ved at ændre css property --ds-icon-color på selve svg-elementet.

Eksempler

Tilbage til oversigten