Icon CDN

Implementering

Last opp

▼

Last opp ikoner

Dra og slipp, klikk for å velge, eller lim inn SVG

Flerfarge

Forhåndsvisning

Søk i mapper

Ingen ikoner ennå. Last opp noen SVG-filer for å komme i gang.

Ikondetaljer

Velg et ikon

Klikk på et ikon for å se detaljer

Slik bruker du ikonene

1. Inkluder CSS

<link rel="stylesheet" href="https://icon-cdn.cure.no/icons.css">

2. Bruk ikoner

<!-- Decorative icon -->
<i data-icon="fatland:kalender" aria-hidden="true"></i>

<!-- Icon with meaning -->
<i data-icon="fatland:telefon" role="img" aria-label="Phone"></i>

<!-- Multi-color icon -->
<i data-icon="company:logo" role="img" aria-label="Company logo"></i>

3. Styling

/* Icons inherit color from parent */
.my-icon { color: #3b82f6; }

/* Size with font-size or width/height */
.large-icon { font-size: 2rem; }
.fixed-size { width: 24px; height: 24px; }

4. Webflow

Legg til CSS-lenken i nettstedinnstillingene, og bruk HTML embed-komponenten med ikonkoden.

5. Rammeverk

/* React */
<i data-icon="fatland:kalender" aria-hidden="true" />

/* Vue */
<i data-icon="fatland:kalender" aria-hidden="true"></i>

/* Angular */
<i data-icon="fatland:kalender" aria-hidden="true"></i>

Bruk Cmd+klikk (eller Ctrl+klikk) på et ikon for å kopiere ID-en.