Design system ikoner og logoer

Klik på et ikon for at se detaljer om det.
Kom i gang med at bruge design system icons

Ikoner

Logo

Bemærk: SDFIs logoer må kun bruges, hvor Styrelsen for Dataforsyning og Infrastruktur er afsender på indholdet.

Sådan bruger du Design System Icons

Via CSS

Først skal du have installeret @dataforsyningen/icons med NPM:

    
npm i --save @dataforsyningen/icons

Hvis du bare vil have alle ikonerne tilgængelige via CSS, kan du importere dem ind i dit projekt med @import i din CSS-fil:

    
@import "@dataforsyningen/icons";

Du kan dog nøjes med kun at importere de ikoner, du skal bruge, ved at sætte en @import linie i din CSS-fil for hvert ikon.
Du kan se for hvert enkelt ikon, hvad de hedder, når de skal importeres. F.eks.:

    
@import "@dataforsyningen/icons/css/icon_calendar.css";
@import "@dataforsyningen/icons/css/icon_print.css";
@import "@dataforsyningen/icons/css/hentdata_icon_download.css";

Når du har importeret CSS, kan du bruge ikoner i HTML ved at sætte en class="ds-icon-..." på et element. F.eks.:

    
<span class="ds-hentdata_icon_download"></span>

Der findes CSS custom properties (CSS variable) for hvert ikons billede-URL. Det giver nogle flere muligheder, hvis du f.eks. vil anvende ikonet som baggrundsbillede.
F.eks.:

    
.my-custom-style {
  background-image: var(--ds-icon_print);
}

Du kan se under det enkelte ikon, hvilken class eller custom property det hører til.

Via SVG

Alternativt kan du også indsætte ikoner direkte som SVG-kode.

Under hvert ikon kan du se SVG-koden, som du blot kan kopiere ind i din HTML.

hentdata-icon-choose

CSS

@import "@dataforsyningen/icons/css/hentdata-icon-choose.css";

Brug i HTML:

<span class="ds-icon-hentdata-icon-choose"></span>

CSS custom property:

--ds-hentdata-icon-choose

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" fill="hsl(186,100%,33%)"/>
<path d="M19 12C19 12.5523 18.5523 13 18 13C17.4477 13 17 12.5523 17 12C17 11.4477 17.4477 11 18 11C18.5523 11 19 11.4477 19 12Z" fill="hsl(186,100%,33%)"/>
<path d="M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" fill="hsl(186,100%,33%)"/>
<path d="M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke="hsl(186,100%,33%)"/>
<path d="M19 12C19 12.5523 18.5523 13 18 13C17.4477 13 17 12.5523 17 12C17 11.4477 17.4477 11 18 11C18.5523 11 19 11.4477 19 12Z" stroke="hsl(186,100%,33%)"/>
<path d="M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" stroke="hsl(186,100%,33%)"/>
</svg>

hentdata-icon-download

CSS

@import "@dataforsyningen/icons/css/hentdata-icon-download.css";

Brug i HTML:

<span class="ds-icon-hentdata-icon-download"></span>

CSS custom property:

--ds-hentdata-icon-download

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.35355 9.64645C7.15829 9.45118 6.84171 9.45118 6.64645 9.64645C6.45118 9.84171 6.45118 10.1583 6.64645 10.3536L7.35355 9.64645ZM12 15L11.6464 15.3536C11.8417 15.5488 12.1583 15.5488 12.3536 15.3536L12 15ZM17.3536 10.3536C17.5488 10.1583 17.5488 9.84171 17.3536 9.64645C17.1583 9.45118 16.8417 9.45118 16.6464 9.64645L17.3536 10.3536ZM12.5 5C12.5 4.72386 12.2761 4.5 12 4.5C11.7239 4.5 11.5 4.72386 11.5 5H12.5ZM6 17.5C5.72386 17.5 5.5 17.7239 5.5 18C5.5 18.2761 5.72386 18.5 6 18.5V17.5ZM18 18.5C18.2761 18.5 18.5 18.2761 18.5 18C18.5 17.7239 18.2761 17.5 18 17.5V18.5ZM6.64645 10.3536L11.6464 15.3536L12.3536 14.6464L7.35355 9.64645L6.64645 10.3536ZM12.3536 15.3536L17.3536 10.3536L16.6464 9.64645L11.6464 14.6464L12.3536 15.3536ZM11.5 5V15H12.5V5H11.5ZM6 18.5H18V17.5H6V18.5Z" fill="hsl(186,100%,33%)"/>
</svg>

hentdata-icon-exitsite

CSS

@import "@dataforsyningen/icons/css/hentdata-icon-exitsite.css";

Brug i HTML:

<span class="ds-icon-hentdata-icon-exitsite"></span>

CSS custom property:

--ds-hentdata-icon-exitsite

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 12.9999V16.7393C17 17.0737 16.8672 17.3943 16.6308 17.6307C16.3944 17.8671 16.0737 17.9999 15.7394 17.9999H7.26061C6.92627 17.9999 6.60563 17.8671 6.36922 17.6307C6.13282 17.3943 6 17.0737 6 16.7393L6 8.26054C6 7.92621 6.13281 7.60557 6.36922 7.36916C6.60563 7.13275 6.92627 6.99994 7.26061 6.99994H11M14.0606 6.06055H18M18 6.06055V9.99994M18 6.06055L12 11.9999" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

hentdata-icon-get

CSS

@import "@dataforsyningen/icons/css/hentdata-icon-get.css";

Brug i HTML:

<span class="ds-icon-hentdata-icon-get"></span>

CSS custom property:

--ds-hentdata-icon-get

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 12L12 18M12 18L18 12M12 18V6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

hentdata-icon-pending

CSS

@import "@dataforsyningen/icons/css/hentdata-icon-pending.css";

Brug i HTML:

<span class="ds-icon-hentdata-icon-pending"></span>

CSS custom property:

--ds-hentdata-icon-pending

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.7842 10.3871L19.9962 11.9962L21.6091 9.64746" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.5 12C12.5 12.2761 12.2761 12.5 12 12.5C11.7239 12.5 11.5 12.2761 11.5 12C11.5 11.7239 11.7239 11.5 12 11.5C12.2761 11.5 12.5 11.7239 12.5 12Z" stroke="hsl(186,100%,33%)"/>
<path d="M10 8L11.5977 11.0859M7 15L11.1336 12.5141" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C15.1289 20 17.8375 18.2034 19.1523 15.5859" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
</svg>

icon-question

CSS

@import "@dataforsyningen/icons/css/icon-question.css";

Brug i HTML:

<span class="ds-icon-icon-question"></span>

CSS custom property:

--ds-icon-question

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9999 15.5L12 16.5" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M9.5 9.53846C9.5 8.76923 10.9189 8.00008 12 8C12.9982 8 14.5 8.46154 14.5 10C14.5 11.5385 12 12.0769 12 12.0769L12 13.5" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 13.275 5.3419 14.4079 5.9375 15.4375L5.625 16.625L5 19L7.375 18.375L8.5625 18.0625C9.59211 18.6581 10.725 19 12 19Z" stroke="hsl(186,100%,33%)" stroke-linejoin="round"/>
</svg>

icon-arrow-double-down

CSS

@import "@dataforsyningen/icons/css/icon-arrow-double-down.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-double-down"></span>

CSS custom property:

--ds-icon-arrow-double-down

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L12 12L6 6M18 13L12 19L6 13" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-double-left

CSS

@import "@dataforsyningen/icons/css/icon-arrow-double-left.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-double-left"></span>

CSS custom property:

--ds-icon-arrow-double-left

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 18L12 12L18 6M11 18L5 12L11 6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-double-right

CSS

@import "@dataforsyningen/icons/css/icon-arrow-double-right.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-double-right"></span>

CSS custom property:

--ds-icon-arrow-double-right

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 18L12 12L6 6M13 18L19 12L13 6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-double-up

CSS

@import "@dataforsyningen/icons/css/icon-arrow-double-up.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-double-up"></span>

CSS custom property:

--ds-icon-arrow-double-up

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 18L12 12L6 18M18 11L12 5L6 11" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-down

CSS

@import "@dataforsyningen/icons/css/icon-arrow-down.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-down"></span>

CSS custom property:

--ds-icon-arrow-down

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 12L12 18M12 18L18 12M12 18V6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-left

CSS

@import "@dataforsyningen/icons/css/icon-arrow-left.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-left"></span>

CSS custom property:

--ds-icon-arrow-left

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 6L6 12M12 18L6 12M6 12H18" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-right

CSS

@import "@dataforsyningen/icons/css/icon-arrow-right.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-right"></span>

CSS custom property:

--ds-icon-arrow-right

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 6L18 12M12 18L18 12M18 12H6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-single-down

CSS

@import "@dataforsyningen/icons/css/icon-arrow-single-down.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-single-down"></span>

CSS custom property:

--ds-icon-arrow-single-down

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 10L12 16L18 10" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-single-left

CSS

@import "@dataforsyningen/icons/css/icon-arrow-single-left.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-single-left"></span>

CSS custom property:

--ds-icon-arrow-single-left

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 18L8 12L14 6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-single-right

CSS

@import "@dataforsyningen/icons/css/icon-arrow-single-right.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-single-right"></span>

CSS custom property:

--ds-icon-arrow-single-right

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 18L16 12L10 6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-single-up

CSS

@import "@dataforsyningen/icons/css/icon-arrow-single-up.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-single-up"></span>

CSS custom property:

--ds-icon-arrow-single-up

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 14L12 8L18 14" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-arrow-up

CSS

@import "@dataforsyningen/icons/css/icon-arrow-up.css";

Brug i HTML:

<span class="ds-icon-icon-arrow-up"></span>

CSS custom property:

--ds-icon-arrow-up

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 12L12 6M12 6L18 12M12 6V18" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-besked

CSS

@import "@dataforsyningen/icons/css/icon-besked.css";

Brug i HTML:

<span class="ds-icon-icon-besked"></span>

CSS custom property:

--ds-icon-besked

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9997 11.8697C18.0021 12.774 17.7908 13.6661 17.3831 14.4733C16.8997 15.4405 16.1565 16.2541 15.2368 16.8229C14.3171 17.3916 13.2573 17.6931 12.1759 17.6935C11.2716 17.6959 10.3795 17.4846 9.57236 17.0769L5.66699 18.3786L6.96878 14.4733C6.56107 13.6661 6.34979 12.774 6.35214 11.8697C6.35256 10.7884 6.65403 9.72851 7.22278 8.80883C7.79153 7.88915 8.6051 7.14597 9.57236 6.66255C10.3795 6.25484 11.2716 6.04356 12.1759 6.04592H12.5185C13.9466 6.1247 15.2955 6.72748 16.3068 7.73883C17.3182 8.75018 17.9209 10.099 17.9997 11.5271V11.8697Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-burgerbar

CSS

@import "@dataforsyningen/icons/css/icon-burgerbar.css";

Brug i HTML:

<span class="ds-icon-icon-burgerbar"></span>

CSS custom property:

--ds-icon-burgerbar

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15H19M5 9H19" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-calendar

CSS

@import "@dataforsyningen/icons/css/icon-calendar.css";

Brug i HTML:

<span class="ds-icon-icon-calendar"></span>

CSS custom property:

--ds-icon-calendar

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 3.5V6.5M9 3.5V6.5M5 10V17.4444C5 18.3036 5.69645 19 6.55556 19H17.4444C18.3036 19 19 18.3036 19 17.4444V10M5 10V6.55556C5 5.69645 5.69645 5 6.55556 5H17.4444C18.3036 5 19 5.69645 19 6.55556V10M5 10H19" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-checkbox

CSS

@import "@dataforsyningen/icons/css/icon-checkbox.css";

Brug i HTML:

<span class="ds-icon-icon-checkbox"></span>

CSS custom property:

--ds-icon-checkbox

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 5H6.5C5.67157 5 5 5.67157 5 6.5V17.5C5 18.3284 5.67157 19 6.5 19H17.5C18.3284 19 19 18.3284 19 17.5V12" stroke="hsl(186,100%,33%)"/>
<path d="M20 6L11.9815 15.2315L8 12.0463" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-clipboard

CSS

@import "@dataforsyningen/icons/css/icon-clipboard.css";

Brug i HTML:

<span class="ds-icon-icon-clipboard"></span>

CSS custom property:

--ds-icon-clipboard

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 5.5H16.5C16.8978 5.5 17.2794 5.65804 17.5607 5.93934C17.842 6.22064 18 6.60218 18 7V17.5C18 17.8978 17.842 18.2794 17.5607 18.5607C17.2794 18.842 16.8978 19 16.5 19H7.5C7.10218 19 6.72064 18.842 6.43934 18.5607C6.15804 18.2794 6 17.8978 6 17.5V7C6 6.60218 6.15804 6.22064 6.43934 5.93934C6.72064 5.65804 7.10218 5.5 7.5 5.5H9M9.75 4H14.25C14.6642 4 15 4.33579 15 4.75V6.25C15 6.66421 14.6642 7 14.25 7H9.75C9.33579 7 9 6.66421 9 6.25V4.75C9 4.33579 9.33579 4 9.75 4Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-close

CSS

@import "@dataforsyningen/icons/css/icon-close.css";

Brug i HTML:

<span class="ds-icon-icon-close"></span>

CSS custom property:

--ds-icon-close

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6.00011 18M6 6L17.9999 18" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-code

CSS

@import "@dataforsyningen/icons/css/icon-code.css";

Brug i HTML:

<span class="ds-icon-icon-code"></span>

CSS custom property:

--ds-icon-code

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 16L20 12L16 8M8 8L4 12L8 16M14 6L10 18.5" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-compass

CSS

@import "@dataforsyningen/icons/css/icon-compass.css";

Brug i HTML:

<span class="ds-icon-icon-compass"></span>

CSS custom property:

--ds-icon-compass

SVG

<svg fill="none" version="1.1" viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg" class="svg-icon-compass">
  <style>.svg-icon-compass circle, .svg-icon-compass .letter {fill-opacity:.7; fill:#bfe0e4}</style>
  <circle cx="28" cy="28" r="28"/>
  <path d="m10.8 11.26 3.068 3.077s0.4323 0.3136 0.7035-0.0339 0.06781-0.6103 0.06781-0.6103l-3.119-3.136s15.62-15.64 33.09 0.1196l-3.19 3.185s-0.3319 0.3739 0.01994 0.7044c0.3518 0.3305 0.6987 5e-3 0.6987 5e-3l3.188-3.177s15.91 16.08-0.1196 33.33l-3.047-3.026s-0.3673-0.3618-0.7112-0.05213c-0.3439 0.3096 0.02444 0.7704 0.02444 0.7704l3.017 3.027s-15.19 15.9-33.1-0.1205l3.179-3.188s0.2834-0.4918 0.0052-0.7348c-0.2781-0.243-0.7194 0.03517-0.7194 0.03517l-3.169 3.18s-15.84-15.68 0.1172-33.35z" style="fill:#00383d"/>
  <path d="m22.35 27.99c-0.0034-0.7856 0.2695-1.287 0.5504-1.821l4.221-8.427c0.3237-0.6821 1.419-0.6574 1.727-0.04796l4.452 8.895c0.1741 0.3556 0.3644 0.8492 0.3516 1.408l-2.749 7.78e-4s-0.1389-2.876-2.888-2.894c-2.749-0.01801-2.924 2.885-2.924 2.885z" style="fill:#ff5252"/>
  <path d="m22.36 28.01c-0.0034 0.7856 0.2695 1.287 0.5504 1.821l4.221 8.427c0.3237 0.6821 1.419 0.6574 1.727 0.04796l4.452-8.895c0.1741-0.3556 0.3644-0.8492 0.3516-1.408l-2.749-7.78e-4s-0.1389 2.876-2.888 2.894c-2.749 0.01801-2.924-2.885-2.924-2.885z" style="fill:#ffffff"/>
  <path class="letter north" d="m30.8 15.41h-1.235l-3.169-5.044v5.044h-1.235v-7.109h1.235l3.179 5.063v-5.063h1.226z"/>
  <path class="letter south" d="m29.29 46.27q0-0.4688-0.332-0.7227-0.3271-0.2539-1.187-0.5127t-1.367-0.5762q-0.9717-0.6104-0.9717-1.592 0-0.8594 0.6982-1.416 0.7031-0.5566 1.821-0.5566 0.7422 0 1.323 0.2734 0.5811 0.2734 0.9131 0.7812 0.332 0.5029 0.332 1.118h-1.23q0-0.5566-0.3516-0.8691-0.3467-0.3174-0.9961-0.3174-0.6055 0-0.9424 0.2588-0.332 0.2588-0.332 0.7227 0 0.3906 0.3613 0.6543 0.3613 0.2588 1.191 0.5078 0.8301 0.2441 1.333 0.5615 0.5029 0.3125 0.7373 0.7227 0.2344 0.4053 0.2344 0.9521 0 0.8887-0.6836 1.416-0.6787 0.5225-1.846 0.5225-0.7715 0-1.421-0.2832-0.6445-0.2881-1.006-0.791-0.3564-0.5029-0.3564-1.172h1.235q0 0.6055 0.4004 0.9375t1.147 0.332q0.6445 0 0.9668-0.2588 0.3271-0.2637 0.3271-0.6934z"/>
  <path class="letter west" d="m13.83 28-5.562-1.807v-1.357l7.109 2.559v1.196l-7.109 2.549v-1.353z"/>
  <path class="letter east" d="m43.99 30.95q-1.045 0-1.836-0.3613-0.7861-0.3613-1.211-1.035-0.4199-0.6689-0.4199-1.548 0-0.8008 0.3662-1.445l-0.7324-0.4443v-0.8252l1.162 0.708q0.9521-0.9521 2.705-0.9521h0.3271q1.04 0 1.831 0.3662t1.216 1.04q0.4297 0.6738 0.4297 1.543 0 0.9619-0.4932 1.66l0.6982 0.4248v0.8154l-1.187-0.7178q-0.9424 0.7666-2.49 0.7715zm0-4.668q-1.011 0-1.636 0.3467l4.033 2.451q0.415-0.4248 0.415-1.084 0-0.8008-0.6299-1.255-0.625-0.4492-1.772-0.459zm0.3711 3.433q0.8105 0 1.367-0.2148l-3.926-2.388q-0.2637 0.3809-0.2637 0.8936 0 0.8252 0.625 1.265 0.625 0.4443 1.826 0.4443z"/>
</svg>

icon-copy

CSS

@import "@dataforsyningen/icons/css/icon-copy.css";

Brug i HTML:

<span class="ds-icon-icon-copy"></span>

CSS custom property:

--ds-icon-copy

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.30769 15H6.53846C6.13044 15 5.73912 14.8379 5.4506 14.5494C5.16209 14.2609 5 13.8696 5 13.4615V6.53846C5 6.13044 5.16209 5.73912 5.4506 5.4506C5.73912 5.16209 6.13044 5 6.53846 5H13.4615C13.8696 5 14.2609 5.16209 14.5494 5.4506C14.8379 5.73912 15 6.13044 15 6.53846V7.30769M10.5385 9.00001H17.4615C18.3112 9.00001 19 9.6888 19 10.5385V17.4615C19 18.3112 18.3112 19 17.4615 19H10.5385C9.68879 19 9 18.3112 9 17.4615V10.5385C9 9.6888 9.68879 9.00001 10.5385 9.00001Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-crosshair

CSS

@import "@dataforsyningen/icons/css/icon-crosshair.css";

Brug i HTML:

<span class="ds-icon-icon-crosshair"></span>

CSS custom property:

--ds-icon-crosshair

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 12C19 15.866 15.866 19 12 19M19 12C19 8.13401 15.866 5 12 5M19 12H16.6666M12 19C8.13401 19 5 15.866 5 12M12 19V16.6667M5 12C5 8.13401 8.13401 5 12 5M5 12H7.33333M12 5V7.33333" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-document

CSS

@import "@dataforsyningen/icons/css/icon-document.css";

Brug i HTML:

<span class="ds-icon-icon-document"></span>

CSS custom property:

--ds-icon-document

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 5V9H17.5M15 13H9M15 16H9M10.5 10H9M13.6364 5H7.5C7.10218 5 6.72064 5.1475 6.43934 5.41005C6.15804 5.6726 6 6.0287 6 6.4V17.6C6 17.9713 6.15804 18.3274 6.43934 18.5899C6.72064 18.8525 7.10218 19 7.5 19H16.5C16.8978 19 17.2794 18.8525 17.5607 18.5899C17.842 18.3274 18 17.9713 18 17.6V9L13.6364 5Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-doublecrosshair

CSS

@import "@dataforsyningen/icons/css/icon-doublecrosshair.css";

Brug i HTML:

<span class="ds-icon-icon-doublecrosshair"></span>

CSS custom property:

--ds-icon-doublecrosshair

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 5V19M5 12H19" stroke="hsl(186,100%,33%)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 5V19M5 12H19" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-drift

CSS

@import "@dataforsyningen/icons/css/icon-drift.css";

Brug i HTML:

<span class="ds-icon-icon-drift"></span>

CSS custom property:

--ds-icon-drift

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 12H16.8L14.4 18L9.6 6L7.2 12H4" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-dropdown

CSS

@import "@dataforsyningen/icons/css/icon-dropdown.css";

Brug i HTML:

<span class="ds-icon-icon-dropdown"></span>

CSS custom property:

--ds-icon-dropdown

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 9L12 15L18 9" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-edit

CSS

@import "@dataforsyningen/icons/css/icon-edit.css";

Brug i HTML:

<span class="ds-icon-icon-edit"></span>

CSS custom property:

--ds-icon-edit

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5 18L18 18M15.3962 6.43245C15.6731 6.15556 16.0486 6 16.4402 6C16.6341 6 16.8261 6.03819 17.0052 6.11239C17.1844 6.18659 17.3471 6.29534 17.4842 6.43245C17.6213 6.56955 17.7301 6.73231 17.8043 6.91145C17.8785 7.09058 17.9167 7.28257 17.9167 7.47647C17.9167 7.67036 17.8785 7.86235 17.8043 8.04149C17.7301 8.22062 17.6213 8.38338 17.4842 8.52049L8.78405 17.2207L6 17.9167L6.69601 15.1326L15.3962 6.43245Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-eye

CSS

@import "@dataforsyningen/icons/css/icon-eye.css";

Brug i HTML:

<span class="ds-icon-icon-eye"></span>

CSS custom property:

--ds-icon-eye

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 12C4 12 6.90909 6.5 12 6.5C17.0909 6.5 20 12 20 12C20 12 17.0909 17.5 12 17.5C6.90909 17.5 4 12 4 12Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-faq

CSS

@import "@dataforsyningen/icons/css/icon-faq.css";

Brug i HTML:

<span class="ds-icon-icon-faq"></span>

CSS custom property:

--ds-icon-faq

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.25 8H18C18.5523 8 19 8.44771 19 9V19L16.5686 17H11C10.4477 17 10 16.5523 10 16V14.5516M15 9.19445C15.0021 10.001 14.8136 10.7967 14.45 11.5167C14.0188 12.3794 13.3559 13.1051 12.5357 13.6123C11.7154 14.1196 10.77 14.3885 9.80555 14.3889C8.99896 14.391 8.20329 14.2025 7.48333 13.8389L4 15L5.16111 11.5167C4.79746 10.7967 4.60901 10.001 4.61111 9.19445C4.61148 8.22997 4.88037 7.28464 5.38766 6.46435C5.89495 5.64406 6.6206 4.9812 7.48333 4.55002C8.20329 4.18636 8.99896 3.99791 9.80555 4.00002H10.1111C11.3849 4.07029 12.588 4.60793 13.49 5.50998C14.3921 6.41204 14.9297 7.61513 15 8.8889V9.19445Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-fullscreen

CSS

@import "@dataforsyningen/icons/css/icon-fullscreen.css";

Brug i HTML:

<span class="ds-icon-icon-fullscreen"></span>

CSS custom property:

--ds-icon-fullscreen

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 6H18M18 6V9M18 6L14 10M9 18H6M6 18V15M6 18L9.5 14M18 15V18M18 18H15M18 18L14 14M6 9L6 6M6 6L9 6M6 6L10 10" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-github

CSS

@import "@dataforsyningen/icons/css/icon-github.css";

Brug i HTML:

<span class="ds-icon-icon-github"></span>

CSS custom property:

--ds-icon-github

SVG

<svg height="32" viewBox="0 0 16 16" width="32" class="ds-svg-icon" xmlns="http://www.w3.org/2000/svg">
  <path fill="hsl(186,100%,33%)" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
</svg>

icon-inbox

CSS

@import "@dataforsyningen/icons/css/icon-inbox.css";

Brug i HTML:

<span class="ds-icon-icon-inbox"></span>

CSS custom property:

--ds-icon-inbox

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 12L20.5 12L20.441 11.7644L20 12ZM16 12V11.5C15.8674 11.5 15.7402 11.5527 15.6464 11.6464L16 12ZM14 14V14.5C14.1326 14.5 14.2598 14.4473 14.3536 14.3536L14 14ZM10 14L9.64645 14.3536C9.74021 14.4473 9.86739 14.5 10 14.5V14ZM8 12L8.35355 11.6464C8.25979 11.5527 8.13261 11.5 8 11.5V12ZM4 12L3.55897 11.7644C3.52025 11.8369 3.5 11.9178 3.5 12H4ZM6.76 6.8325L7.20104 7.06806L7.20178 7.06666L6.76 6.8325ZM4 16.5H3.5H4ZM20 16.5H20.5V16.5L20 16.5ZM17.24 6.8325L16.7982 7.06666L16.799 7.06806L17.24 6.8325ZM15.808 6L15.8083 5.5H15.808V6ZM8.19201 6V5.5L8.19176 5.5L8.19201 6ZM20 11.5H16V12.5H20V11.5ZM15.6464 11.6464L13.6464 13.6464L14.3536 14.3536L16.3536 12.3536L15.6464 11.6464ZM14 13.5H10V14.5H14V13.5ZM10.3536 13.6464L8.35355 11.6464L7.64645 12.3536L9.64645 14.3536L10.3536 13.6464ZM8 11.5H4V12.5H8V11.5ZM6.31897 6.59694L3.55897 11.7644L4.44103 12.2356L7.20104 7.06806L6.31897 6.59694ZM3.5 12V16.5H4.5V12H3.5ZM3.5 16.5C3.5 17.0412 3.72963 17.5532 4.12666 17.9254L4.8106 17.1959C4.60751 17.0055 4.5 16.7544 4.5 16.5H3.5ZM4.12666 17.9254C4.52259 18.2966 5.05309 18.5 5.6 18.5V17.5C5.29822 17.5 5.01478 17.3873 4.8106 17.1959L4.12666 17.9254ZM5.6 18.5H18.4V17.5H5.6V18.5ZM18.4 18.5C18.9469 18.5 19.4774 18.2966 19.8734 17.9254L19.1894 17.1959C18.9852 17.3873 18.7018 17.5 18.4 17.5V18.5ZM19.8734 17.9254C20.2704 17.5532 20.5 17.0412 20.5 16.5H19.5C19.5 16.7544 19.3925 17.0055 19.1894 17.1959L19.8734 17.9254ZM20.5 16.5L20.5 12L19.5 12L19.5 16.5L20.5 16.5ZM20.441 11.7644L17.6811 6.59694L16.799 7.06806L19.559 12.2356L20.441 11.7644ZM17.6818 6.59834C17.504 6.26295 17.2325 5.98526 16.9017 5.79295L16.3991 6.65747C16.5742 6.7593 16.7111 6.90223 16.7982 7.06666L17.6818 6.59834ZM16.9017 5.79295C16.5711 5.60076 16.1925 5.50019 15.8083 5.5L15.8078 6.5C16.0188 6.5001 16.2237 6.55552 16.3991 6.65747L16.9017 5.79295ZM15.808 5.5H8.19201V6.5H15.808V5.5ZM8.19176 5.5C7.80749 5.50019 7.42893 5.60076 7.09834 5.79295L7.60094 6.65747C7.7763 6.55552 7.98118 6.5001 8.19225 6.5L8.19176 5.5ZM7.09834 5.79295C6.76755 5.98526 6.49599 6.26295 6.31822 6.59834L7.20178 7.06666C7.28894 6.90223 7.42578 6.7593 7.60094 6.65747L7.09834 5.79295Z" fill="hsl(186,100%,33%)"/>
</svg>

icon-info

CSS

@import "@dataforsyningen/icons/css/icon-info.css";

Brug i HTML:

<span class="ds-icon-icon-info"></span>

CSS custom property:

--ds-icon-info

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9136 5.45818C11.2278 5.15273 11.6204 5 12.0654 5C12.5105 5 12.877 5.15273 13.1911 5.45818C13.5052 5.76364 13.6623 6.14545 13.6623 6.57818C13.6623 7.01091 13.5052 7.39273 13.1911 7.69818C12.877 8.00364 12.4843 8.15636 12.0654 8.15636C11.6204 8.15636 11.2278 8.00364 10.9136 7.69818C10.5995 7.39273 10.4424 7.01091 10.4424 6.57818C10.4424 6.14545 10.5733 5.76364 10.9136 5.45818ZM14.4738 19H9.5L9.5 17.5669C9.86649 17.516 10.1283 17.4142 10.2592 17.2869C10.4686 17.1088 10.5733 16.7778 10.5733 16.3197L10.5733 12.2014C10.5733 11.7941 10.4948 11.5141 10.3639 11.3614C10.233 11.2087 9.94503 11.1068 9.52618 11.0305V9.68364H13.5314L13.5314 16.4215C13.5314 16.8542 13.6099 17.1597 13.7408 17.2615C13.8717 17.3888 14.1335 17.4906 14.5 17.5669L14.5 19H14.4738Z" stroke="hsl(186,100%,33%)"/>
</svg>

icon-lock

CSS

@import "@dataforsyningen/icons/css/icon-lock.css";

Brug i HTML:

<span class="ds-icon-icon-lock"></span>

CSS custom property:

--ds-icon-lock

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.5 10V8.33333C8.5 7.44928 8.86875 6.60143 9.52513 5.97631C10.1815 5.35119 11.0717 5 12 5C12.9283 5 13.8185 5.35119 14.4749 5.97631C15.1313 6.60143 15.5 7.44928 15.5 8.33333V10M7.33333 10H16.6667C17.403 10 18 10.6512 18 11.4546V16.5455C18 17.3488 17.403 18 16.6667 18H7.33333C6.59695 18 6 17.3488 6 16.5455V11.4546C6 10.6512 6.59695 10 7.33333 10Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.6665 14.2455L12.5 14.3945V14.6181V15C12.5 15.2761 12.2761 15.5 12 15.5C11.7239 15.5 11.5 15.2761 11.5 15V14.6181V14.3945L11.3335 14.2455C11.1281 14.0617 11 13.7961 11 13.5C11 12.9477 11.4477 12.5 12 12.5C12.5523 12.5 13 12.9477 13 13.5C13 13.7961 12.8719 14.0617 12.6665 14.2455Z" stroke="hsl(186,100%,33%)"/>
</svg>

icon-mail

CSS

@import "@dataforsyningen/icons/css/icon-mail.css";

Brug i HTML:

<span class="ds-icon-icon-mail"></span>

CSS custom property:

--ds-icon-mail

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.2481 9.43412C19.4878 9.29712 19.5711 8.99169 19.4341 8.75193C19.2971 8.51217 18.9917 8.42887 18.7519 8.56588L19.2481 9.43412ZM5.24807 8.56588C5.00831 8.42887 4.70288 8.51217 4.56588 8.75193C4.42887 8.99169 4.51217 9.29712 4.75193 9.43412L5.24807 8.56588ZM12.7442 12.5747L12.4961 12.1406L12.7442 12.5747ZM11.2558 12.5747L11.5039 12.1406L11.2558 12.5747ZM18.7519 8.56588L12.4961 12.1406L12.9923 13.0089L19.2481 9.43412L18.7519 8.56588ZM11.5039 12.1406L5.24807 8.56588L4.75193 9.43412L11.0077 13.0089L11.5039 12.1406ZM12.4961 12.1406C12.1887 12.3163 11.8113 12.3163 11.5039 12.1406L11.0077 13.0089C11.6226 13.3602 12.3774 13.3602 12.9923 13.0089L12.4961 12.1406ZM6.5 7.5H17.5V6.5H6.5V7.5ZM18.5 8.5V15.5H19.5V8.5H18.5ZM17.5 16.5H6.5V17.5H17.5V16.5ZM5.5 15.5V8.5H4.5V15.5H5.5ZM6.5 16.5C5.94772 16.5 5.5 16.0523 5.5 15.5H4.5C4.5 16.6046 5.39543 17.5 6.5 17.5V16.5ZM18.5 15.5C18.5 16.0523 18.0523 16.5 17.5 16.5V17.5C18.6046 17.5 19.5 16.6046 19.5 15.5H18.5ZM17.5 7.5C18.0523 7.5 18.5 7.94772 18.5 8.5H19.5C19.5 7.39543 18.6046 6.5 17.5 6.5V7.5ZM6.5 6.5C5.39543 6.5 4.5 7.39543 4.5 8.5H5.5C5.5 7.94772 5.94772 7.5 6.5 7.5V6.5Z" fill="hsl(186,100%,33%)"/>
</svg>

icon-manual

CSS

@import "@dataforsyningen/icons/css/icon-manual.css";

Brug i HTML:

<span class="ds-icon-icon-manual"></span>

CSS custom property:

--ds-icon-manual

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.941 5.00008H7.5C7.10218 5.00008 6.72064 5.15742 6.43934 5.43747C6.15804 5.71752 6 6.09736 6 6.49341L6 17.5067C6 17.9028 6.15804 18.2826 6.43934 18.5626C6.72064 18.8427 7.10218 19 7.5 19H12.972M13.941 5.00008L18 9.00006M13.941 5.00008V9.00006H18M18 16.0001V9.00006M11.0173 14.0519C11.105 14.1436 11.2228 14.1949 11.3455 14.1949C11.4682 14.1949 11.586 14.1436 11.6736 14.0519L12.4236 13.2519C12.5095 13.1585 12.5576 13.0328 12.5576 12.9019C12.5576 12.7711 12.5095 12.6454 12.4236 12.5519L10.6564 10.667C11.1773 10.4155 11.7576 10.3394 12.3201 10.4487C12.8825 10.558 13.4004 10.8476 13.8047 11.2788C14.2089 11.71 14.4804 12.2624 14.5829 12.8624C14.6853 13.4623 14.614 14.0813 14.3783 14.6369L17.6173 18.0919C17.8038 18.2908 17.9086 18.5606 17.9086 18.8419C17.9086 19.1232 17.8038 19.393 17.6173 19.5919C17.4309 19.7908 17.1779 19.9026 16.9142 19.9026C16.6505 19.9026 16.3976 19.7908 16.2111 19.5919L12.972 16.1369C12.4511 16.3883 11.8708 16.4645 11.3084 16.3552C10.7459 16.2458 10.228 15.9563 9.82376 15.5251C9.4195 15.0939 9.14804 14.5415 9.04556 13.9415C8.94307 13.3416 9.01444 12.7225 9.25014 12.1669L11.0173 14.0519Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-minus

CSS

@import "@dataforsyningen/icons/css/icon-minus.css";

Brug i HTML:

<span class="ds-icon-icon-minus"></span>

CSS custom property:

--ds-icon-minus

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 12H19" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-more

CSS

@import "@dataforsyningen/icons/css/icon-more.css";

Brug i HTML:

<span class="ds-icon-icon-more"></span>

CSS custom property:

--ds-icon-more

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 18L16 12L10 6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-moremore

CSS

@import "@dataforsyningen/icons/css/icon-moremore.css";

Brug i HTML:

<span class="ds-icon-icon-moremore"></span>

CSS custom property:

--ds-icon-moremore

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 18L12 12L6 6M13 18L19 12L13 6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-notification

CSS

@import "@dataforsyningen/icons/css/icon-notification.css";

Brug i HTML:

<span class="ds-icon-icon-notification"></span>

CSS custom property:

--ds-icon-notification

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 18C13.3476 18.3042 13.1288 18.5566 12.8655 18.7321C12.6023 18.9076 12.3038 19 12 19C11.6962 19 11.3977 18.9076 11.1345 18.7321C10.8712 18.5566 10.6524 18.3042 10.5 18M16 9.4C16 8.23305 15.5786 7.11389 14.8284 6.28873C14.0783 5.46357 13.0609 5 12 5C10.9391 5 9.92172 5.46357 9.17157 6.28873C8.42143 7.11389 8 8.23305 8 9.4C8 14.5333 6 16 6 16H18C18 16 16 14.5333 16 9.4Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-ok

CSS

@import "@dataforsyningen/icons/css/icon-ok.css";

Brug i HTML:

<span class="ds-icon-icon-ok"></span>

CSS custom property:

--ds-icon-ok

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6L11 17L6 12" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-phone

CSS

@import "@dataforsyningen/icons/css/icon-phone.css";

Brug i HTML:

<span class="ds-icon-icon-phone"></span>

CSS custom property:

--ds-icon-phone

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9996 15.4817V17.5893C19.0004 17.7849 18.9602 17.9786 18.8817 18.1578C18.8031 18.3371 18.6879 18.498 18.5435 18.6303C18.399 18.7626 18.2285 18.8633 18.0428 18.9259C17.8571 18.9886 17.6603 19.0119 17.465 18.9943C15.299 18.7594 13.2183 18.0207 11.3902 16.8376C9.68945 15.7589 8.24748 14.3198 7.16674 12.6224C5.9771 10.7897 5.23677 8.70306 5.00571 6.53156C4.98812 6.33729 5.01126 6.1415 5.07364 5.95664C5.13603 5.77178 5.2363 5.60191 5.36807 5.45785C5.49984 5.31378 5.66022 5.19868 5.839 5.11986C6.01779 5.04105 6.21106 5.00025 6.40651 5.00007H8.51826C8.85987 4.99671 9.19105 5.11744 9.45007 5.33976C9.70909 5.56208 9.87828 5.87081 9.92609 6.20841C10.0152 6.88287 10.1805 7.54511 10.4188 8.18249C10.5135 8.43394 10.534 8.70721 10.4779 8.96993C10.4218 9.23265 10.2913 9.4738 10.1021 9.66481L9.20809 10.557C10.2102 12.3158 11.6693 13.7721 13.4316 14.7721L14.3256 13.8799C14.517 13.6911 14.7586 13.5609 15.0218 13.5049C15.2851 13.4488 15.5589 13.4693 15.8108 13.5638C16.4495 13.8016 17.113 13.9666 17.7888 14.0556C18.1308 14.1037 18.4431 14.2756 18.6663 14.5386C18.8895 14.8015 19.0081 15.1372 18.9996 15.4817Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-plus

CSS

@import "@dataforsyningen/icons/css/icon-plus.css";

Brug i HTML:

<span class="ds-icon-icon-plus"></span>

CSS custom property:

--ds-icon-plus

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 5V19M5 12H19" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-print

CSS

@import "@dataforsyningen/icons/css/icon-print.css";

Brug i HTML:

<span class="ds-icon-icon-print"></span>

CSS custom property:

--ds-icon-print

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 10V4H17V10M7 16H5.6C5.17565 16 4.76869 15.8595 4.46863 15.6095C4.16857 15.3594 4 15.0203 4 14.6667V11.3333C4 10.9797 4.16857 10.6406 4.46863 10.3905C4.76869 10.1405 5.17565 10 5.6 10H18.4C18.8243 10 19.2313 10.1405 19.5314 10.3905C19.8314 10.6406 20 10.9797 20 11.3333V14.6667C20 15.0203 19.8314 15.3594 19.5314 15.6095C19.2313 15.8595 18.8243 16 18.4 16H17M7 13H17V19H7V13Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-radiobutton

CSS

@import "@dataforsyningen/icons/css/icon-radiobutton.css";

Brug i HTML:

<span class="ds-icon-icon-radiobutton"></span>

CSS custom property:

--ds-icon-radiobutton

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="7" stroke="hsl(186,100%,33%)"/>
<circle cx="12" cy="12" r="2.5" fill="hsl(186,100%,33%)" stroke="hsl(186,100%,33%)"/>
</svg>

icon-rotate

CSS

@import "@dataforsyningen/icons/css/icon-rotate.css";

Brug i HTML:

<span class="ds-icon-icon-rotate"></span>

CSS custom property:

--ds-icon-rotate

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3116 6.68149V10.6758M19.3116 10.6758H15.3173M19.3116 10.6758L16.2294 7.77329C15.3111 6.85443 14.1191 6.25891 12.8329 6.07647C11.5467 5.89404 10.2361 6.13457 9.09846 6.76183C7.96088 7.38908 7.05797 8.36907 6.52581 9.55413C5.99364 10.7392 5.86105 12.0651 6.14801 13.3321C6.43498 14.599 7.12595 15.7384 8.1168 16.5785C9.10765 17.4186 10.3447 17.9139 11.6415 17.9898C12.9384 18.0656 14.2248 17.718 15.3068 16.9991C16.3889 16.2803 17.208 15.2293 17.6407 14.0044" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-search

CSS

@import "@dataforsyningen/icons/css/icon-search.css";

Brug i HTML:

<span class="ds-icon-icon-search"></span>

CSS custom property:

--ds-icon-search

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5 19.5L16.5 16.5M18 12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-share

CSS

@import "@dataforsyningen/icons/css/icon-share.css";

Brug i HTML:

<span class="ds-icon-icon-share"></span>

CSS custom property:

--ds-icon-share

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.56329 13.0785L13.4761 15.8687M13.469 8.17124L8.56329 10.9614M17.49 7.11265C17.49 8.27418 16.5239 9.21579 15.3321 9.21579C14.1403 9.21579 13.1742 8.27418 13.1742 7.11265C13.1742 5.95113 14.1403 5.00952 15.3321 5.00952C16.5239 5.00952 17.49 5.95113 17.49 7.11265ZM8.85832 12.02C8.85832 13.1815 7.89218 14.1231 6.7004 14.1231C5.50861 14.1231 4.54248 13.1815 4.54248 12.02C4.54248 10.8584 5.50861 9.91683 6.7004 9.91683C7.89218 9.91683 8.85832 10.8584 8.85832 12.02ZM17.49 16.9273C17.49 18.0888 16.5239 19.0304 15.3321 19.0304C14.1403 19.0304 13.1742 18.0888 13.1742 16.9273C13.1742 15.7657 14.1403 14.8241 15.3321 14.8241C16.5239 14.8241 17.49 15.7657 17.49 16.9273Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-sortering

CSS

@import "@dataforsyningen/icons/css/icon-sortering.css";

Brug i HTML:

<span class="ds-icon-icon-sortering"></span>

CSS custom property:

--ds-icon-sortering

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 16H11M18 12H11M16 8.00001H11M6.99998 18.5L6.99998 7M9 17L7 19L5 17" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-stack

CSS

@import "@dataforsyningen/icons/css/icon-stack.css";

Brug i HTML:

<span class="ds-icon-icon-stack"></span>

CSS custom property:

--ds-icon-stack

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 15L12 18L18 15M6 12L12 15L18 12M12 6L6 9L12 12L18 9L12 6Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-support

CSS

@import "@dataforsyningen/icons/css/icon-support.css";

Brug i HTML:

<span class="ds-icon-icon-support"></span>

CSS custom property:

--ds-icon-support

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 16V12C6 10.4087 6.63214 8.88258 7.75736 7.75736C8.88258 6.63214 10.4087 6 12 6C13.5913 6 15.1174 6.63214 16.2426 7.75736C17.3679 8.88258 18 10.4087 18 12V16M18 15.8571C18 16.1602 17.8736 16.4509 17.6485 16.6653C17.4235 16.8796 17.1183 17 16.8 17H16.2C15.8817 17 15.5765 16.8796 15.3515 16.6653C15.1264 16.4509 15 16.1602 15 15.8571V14.1429C15 13.8398 15.1264 13.5491 15.3515 13.3347C15.5765 13.1204 15.8817 13 16.2 13H18V15.8571ZM6 15.8571C6 16.1602 6.12643 16.4509 6.35147 16.6653C6.57652 16.8796 6.88174 17 7.2 17H7.8C8.11826 17 8.42348 16.8796 8.64853 16.6653C8.87357 16.4509 9 16.1602 9 15.8571V14.1429C9 13.8398 8.87357 13.5491 8.64853 13.3347C8.42348 13.1204 8.11826 13 7.8 13H6V15.8571Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

icon-thrash

CSS

@import "@dataforsyningen/icons/css/icon-thrash.css";

Brug i HTML:

<span class="ds-icon-icon-thrash"></span>

CSS custom property:

--ds-icon-thrash

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.7071 7.79289L19.0607 8.14645H19.0607L18.7071 7.79289ZM18.2929 8.20711L17.9393 7.85355L17.9393 7.85355L18.2929 8.20711ZM5.5 8.25L5.72361 7.80279L5.5 8.25ZM10.5 11C10.5 10.7239 10.2761 10.5 10 10.5C9.72386 10.5 9.5 10.7239 9.5 11H10.5ZM9.5 16C9.5 16.2761 9.72386 16.5 10 16.5C10.2761 16.5 10.5 16.2761 10.5 16H9.5ZM14.5 11C14.5 10.7239 14.2761 10.5 14 10.5C13.7239 10.5 13.5 10.7239 13.5 11H14.5ZM13.5 16C13.5 16.2761 13.7239 16.5 14 16.5C14.2761 16.5 14.5 16.2761 14.5 16H13.5ZM5.5 7.5C5.22386 7.5 5 7.72386 5 8C5 8.27614 5.22386 8.5 5.5 8.5L5.5 7.5ZM18.5 8.5C18.7761 8.5 19 8.27614 19 8C19 7.72386 18.7761 7.5 18.5 7.5V8.5ZM6 6.5H9V5.5H6V6.5ZM9 6.5H15V5.5H9V6.5ZM15 6.5H18V5.5H15V6.5ZM9.5 6V5H8.5V6H9.5ZM14.5 5V6H15.5V5H14.5ZM10 4.5H14V3.5H10V4.5ZM7.5 19.5H16.5V18.5H7.5V19.5ZM17.5 8.91421V17.5H18.5V8.91421H17.5ZM18.5 7V7.08579H19.5V7H18.5ZM18.3536 7.43934L17.9393 7.85355L18.6464 8.56066L19.0607 8.14645L18.3536 7.43934ZM5.5 7.44098V7H4.5V7.44098H5.5ZM18.5 8.91421C18.5 8.7816 18.5527 8.65443 18.6464 8.56066L17.9393 7.85355C17.658 8.13486 17.5 8.51639 17.5 8.91421H18.5ZM6.5 9.05902C6.5 8.52703 6.19943 8.0407 5.72361 7.80279L5.27639 8.69721C5.41343 8.76573 5.5 8.9058 5.5 9.05902H6.5ZM15.5 5C15.5 4.17157 14.8284 3.5 14 3.5V4.5C14.2761 4.5 14.5 4.72386 14.5 5H15.5ZM6 5.5C5.17157 5.5 4.5 6.17157 4.5 7H5.5C5.5 6.72386 5.72386 6.5 6 6.5V5.5ZM7.5 18.5C6.94772 18.5 6.5 18.0523 6.5 17.5H5.5C5.5 18.6046 6.39543 19.5 7.5 19.5V18.5ZM5.72361 7.80279C5.58657 7.73427 5.5 7.5942 5.5 7.44098H4.5C4.5 7.97297 4.80057 8.4593 5.27639 8.69721L5.72361 7.80279ZM16.5 19.5C17.6046 19.5 18.5 18.6046 18.5 17.5H17.5C17.5 18.0523 17.0523 18.5 16.5 18.5V19.5ZM9.5 5C9.5 4.72386 9.72386 4.5 10 4.5V3.5C9.17157 3.5 8.5 4.17157 8.5 5H9.5ZM18.5 7.08579C18.5 7.21839 18.4473 7.34557 18.3536 7.43934L19.0607 8.14645C19.342 7.86514 19.5 7.48361 19.5 7.08579H18.5ZM18 6.5C18.2761 6.5 18.5 6.72386 18.5 7H19.5C19.5 6.17157 18.8284 5.5 18 5.5V6.5ZM9.5 11V16H10.5V11H9.5ZM13.5 11V16H14.5V11H13.5ZM5.5 8.5L18.5 8.5V7.5L5.5 7.5L5.5 8.5ZM6.5 17.5V9.05902H5.5V17.5H6.5Z" fill="hsl(186,100%,33%)"/>
</svg>

icon-token

CSS

@import "@dataforsyningen/icons/css/icon-token.css";

Brug i HTML:

<span class="ds-icon-icon-token"></span>

CSS custom property:

--ds-icon-token

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6464 11.6464C11.4512 11.8417 11.4512 12.1583 11.6464 12.3536C11.8417 12.5488 12.1583 12.5488 12.3536 12.3536L11.6464 11.6464ZM18.8536 5.85355C19.0488 5.65829 19.0488 5.34171 18.8536 5.14645C18.6583 4.95118 18.3417 4.95118 18.1464 5.14645L18.8536 5.85355ZM15.3536 8.64645C15.1583 8.45118 14.8417 8.45118 14.6464 8.64645C14.4512 8.84171 14.4512 9.15829 14.6464 9.35355L15.3536 8.64645ZM16.6464 11.3536C16.8417 11.5488 17.1583 11.5488 17.3536 11.3536C17.5488 11.1583 17.5488 10.8417 17.3536 10.6464L16.6464 11.3536ZM17.3536 6.64645C17.1583 6.45118 16.8417 6.45118 16.6464 6.64645C16.4512 6.84171 16.4512 7.15829 16.6464 7.35355L17.3536 6.64645ZM19.1464 9.85355C19.3417 10.0488 19.6583 10.0488 19.8536 9.85355C20.0488 9.65829 20.0488 9.34171 19.8536 9.14645L19.1464 9.85355ZM12.3536 12.3536L18.8536 5.85355L18.1464 5.14645L11.6464 11.6464L12.3536 12.3536ZM12.5 15C12.5 16.933 10.933 18.5 9 18.5V19.5C11.4853 19.5 13.5 17.4853 13.5 15H12.5ZM9 18.5C7.067 18.5 5.5 16.933 5.5 15H4.5C4.5 17.4853 6.51472 19.5 9 19.5V18.5ZM5.5 15C5.5 13.067 7.067 11.5 9 11.5V10.5C6.51472 10.5 4.5 12.5147 4.5 15H5.5ZM9 11.5C10.933 11.5 12.5 13.067 12.5 15H13.5C13.5 12.5147 11.4853 10.5 9 10.5V11.5ZM14.6464 9.35355L16.6464 11.3536L17.3536 10.6464L15.3536 8.64645L14.6464 9.35355ZM16.6464 7.35355L19.1464 9.85355L19.8536 9.14645L17.3536 6.64645L16.6464 7.35355Z" fill="hsl(186,100%,33%)"/>
</svg>

icon-users

CSS

@import "@dataforsyningen/icons/css/icon-users.css";

Brug i HTML:

<span class="ds-icon-icon-users"></span>

CSS custom property:

--ds-icon-users

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3412 4.01146C12.048 3.38228 12.9793 3 14 3C16.2091 3 18 4.79086 18 7C18 8.48368 17.1919 9.77821 15.9922 10.4688M18 18V17.4208C18 16.7788 17.6313 16.163 16.9749 15.709C16.3185 15.255 15.4283 15 14.5 15H7.5C6.57174 15 5.6815 15.255 5.02513 15.709C4.36875 16.163 4 16.7788 4 17.4208V18M20 16V15.4208C20 14.7788 19.6313 14.163 18.9749 13.709C18.3185 13.255 17.4283 13 16.5 13H15M15 9C15 11.2091 13.2091 13 11 13C8.79086 13 7 11.2091 7 9C7 6.79086 8.79086 5 11 5C13.2091 5 15 6.79086 15 9Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

map-icon-adresse

CSS

@import "@dataforsyningen/icons/css/map-icon-adresse.css";

Brug i HTML:

<span class="ds-icon-map-icon-adresse"></span>

CSS custom property:

--ds-map-icon-adresse

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5 19C11.5 19.2761 11.7239 19.5 12 19.5C12.2761 19.5 12.5 19.2761 12.5 19H11.5ZM12.5 5C12.5 4.72386 12.2761 4.5 12 4.5C11.7239 4.5 11.5 4.72386 11.5 5L12.5 5ZM5 11.5C4.72386 11.5 4.5 11.7239 4.5 12C4.5 12.2761 4.72386 12.5 5 12.5L5 11.5ZM19 12.5C19.2761 12.5 19.5 12.2761 19.5 12C19.5 11.7239 19.2761 11.5 19 11.5V12.5ZM11.5 16L11.5 19H12.5L12.5 16H11.5ZM11.5 5L11.5 8H12.5L12.5 5L11.5 5ZM8 11.5L5 11.5L5 12.5L8 12.5L8 11.5ZM19 11.5L16 11.5V12.5L19 12.5V11.5ZM15.5 12C15.5 13.933 13.933 15.5 12 15.5V16.5C14.4853 16.5 16.5 14.4853 16.5 12H15.5ZM12 15.5C10.067 15.5 8.5 13.933 8.5 12H7.5C7.5 14.4853 9.51472 16.5 12 16.5V15.5ZM8.5 12C8.5 10.067 10.067 8.5 12 8.5V7.5C9.51472 7.5 7.5 9.51472 7.5 12H8.5ZM12 8.5C13.933 8.5 15.5 10.067 15.5 12H16.5C16.5 9.51472 14.4853 7.5 12 7.5V8.5Z" fill="hsl(186,100%,33%)"/>
</svg>

map-icon-download-gridvalg

CSS

@import "@dataforsyningen/icons/css/map-icon-download-gridvalg.css";

Brug i HTML:

<span class="ds-icon-map-icon-download-gridvalg"></span>

CSS custom property:

--ds-map-icon-download-gridvalg

SVG

<svg fill="none" version="1.1" viewBox="0 0 24 24" class="ds-svg-icon" xmlns="http://www.w3.org/2000/svg">
<path d="m2 8h6v8h-6" stroke="hsl(186,100%,33%)" stroke-dasharray="1 1"/>
<path d="m17 7.5v1h1v-1zm2 0v1h1v-1zm2 0v1h1v-1zm-5.5 0.5v1h1v-1zm0 2v1h1v-1zm0 2v1h1v-1zm4.5 3.5v1h1v-1z" style="-inkscape-stroke:none;color:#000000;fill:#0098a8;stroke-dasharray:1, 1"/>
<path d="m9 15.5v1h1v-1zm2 0v1h1v-1zm-3.5 0.5v1h1v-1zm0 2v1h1v-1zm0 2v1h1v-1z" style="-inkscape-stroke:none;color:#000000;fill:#0098a8;stroke-dasharray:1, 1"/>
<path d="m8 2v6h8v-6" stroke="hsl(186,100%,33%)" stroke-dasharray="1 1"/>
<rect x="7.6668" y="7.6666" width=".66667" height=".66667" stroke="hsl(186,100%,33%)" stroke-width=".66667"/>
<rect x="7.6668" y="15.667" width=".66667" height=".66667" stroke="hsl(186,100%,33%)" stroke-width=".66667"/>
<rect x="15.667" y="7.6666" width=".66667" height=".66667" stroke="hsl(186,100%,33%)" stroke-width=".66667"/>
<path d="m13.114 10.688c-0.684 0-1.2473 0.5633-1.2473 1.2473v4.9113l-0.2727-0.2861-0.104-0.091c-0.2312-0.2302-0.5443-0.3595-0.8706-0.3595s-0.63932 0.1293-0.87057 0.3595c-0.23022 0.2312-0.35947 0.5443-0.35947 0.8706s0.12925 0.6393 0.35947 0.8706v0.0129l3.4042 3.3651 0.0258 0.0129 0.0129 0.0262c0.5983 0.4535 1.328 0.6997 2.0788 0.7013h0.7151c0.4473 1e-3 0.8903-0.0865 1.3037-0.2572 0.4135-0.1708 0.7891-0.4215 1.1053-0.7378 0.3163-0.3163 0.567-0.6919 0.7377-1.1054 0.1707-0.4134 0.258-0.8565 0.2571-1.3038v-3.2478c0-0.684-0.5638-1.2473-1.2473-1.2473-0.1771 0-0.3409 0.0486-0.4939 0.1168-0.1364-0.5405-0.6282-0.9483-1.2082-0.9483-0.3185 0-0.6108 0.1247-0.8315 0.3247-0.2273-0.2077-0.5237-0.3234-0.8315-0.3247-0.1421 0.0018-0.2828 0.0282-0.4158 0.0781v-1.7411c0-0.684-0.5633-1.2473-1.2472-1.2473zm0 0.8315c0.2307 0 0.4157 0.185 0.4157 0.4158v4.5733h0.8315v-1.6631c0-0.2307 0.185-0.4157 0.4158-0.4157 0.2307 0 0.4157 0.185 0.4157 0.4157v1.6631h0.8315v-1.6631c0-0.2307 0.185-0.4157 0.4158-0.4157 0.2307 0 0.4157 0.185 0.4157 0.4157v1.6631h0.8706v-0.8315c0-0.2308 0.185-0.4158 0.4158-0.4158 0.2303 0 0.4157 0.185 0.4157 0.4158v3.2483c0 1.4401-1.1321 2.5722-2.5726 2.5722h-0.7143c-0.6091 0-1.1354-0.2174-1.5724-0.5459l-3.3651-3.326c-0.185-0.185-0.185-0.3867 0-0.5717 0.1854-0.185 0.3866-0.185 0.5716 0l1.7932 1.7932v-6.9119c0-0.2308 0.185-0.4158 0.4158-0.4158z" fill="hsl(186,100%,33%)"/>
</svg>

map-icon-download-listvalg

CSS

@import "@dataforsyningen/icons/css/map-icon-download-listvalg.css";

Brug i HTML:

<span class="ds-icon-map-icon-download-listvalg"></span>

CSS custom property:

--ds-map-icon-download-listvalg

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 15.75H11.25M17.9995 12H11.25M18 8.25H11.25M9 15.75H6.75M8.99984 12H6.75M9 8.25H6.75" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

map-icon-download-polygonareal

CSS

@import "@dataforsyningen/icons/css/map-icon-download-polygonareal.css";

Brug i HTML:

<span class="ds-icon-map-icon-download-polygonareal"></span>

CSS custom property:

--ds-map-icon-download-polygonareal

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 6.5H14V17H3.5V6.5Z" stroke="hsl(186,100%,33%)" stroke-dasharray="1 1"/>
<path d="M20.3464 9.0766C20.5555 8.86748 20.8392 8.75 21.1349 8.75C21.2813 8.75 21.4263 8.77884 21.5616 8.83488C21.6969 8.89092 21.8198 8.97306 21.9234 9.0766C22.0269 9.18015 22.1091 9.30308 22.1651 9.43837C22.2212 9.57366 22.25 9.71866 22.25 9.86509C22.25 10.0115 22.2212 10.1565 22.1651 10.2918C22.1091 10.4271 22.0269 10.55 21.9234 10.6536L15.3526 17.2243L13.25 17.75L13.7757 15.6474L20.3464 9.0766Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.75 5.75H4.25V7.25H2.75V5.75Z" fill="hsl(186,100%,33%)"/>
<path d="M13.25 5.75H14.75V7.25H13.25V5.75Z" fill="hsl(186,100%,33%)"/>
<path d="M2.75 16.25H4.25V17.75H2.75V16.25Z" fill="hsl(186,100%,33%)"/>
<path d="M13.25 16.25H14.75V17.75H13.25V16.25Z" fill="hsl(186,100%,33%)"/>
</svg>

map-icon-download-tegnetareal

CSS

@import "@dataforsyningen/icons/css/map-icon-download-tegnetareal.css";

Brug i HTML:

<span class="ds-icon-map-icon-download-tegnetareal"></span>

CSS custom property:

--ds-map-icon-download-tegnetareal

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.36029 7.25L15.8162 8.82258L17.25 14.1694L7.5 17L8.36029 7.25Z" stroke="hsl(186,100%,33%)" stroke-dasharray="1 1"/>
<path d="M15.7499 8.75002L20.9999 4.25002M17.9999 15.0923L20.9999 19.5001M6.21952 1.91333L8.35932 5.86677M6.49994 18L3.41113 20.0623" stroke="#8FB1B5" stroke-opacity="0.6" stroke-dasharray="1 1"/>
<path d="M7.5 6.5H9V8H7.5V6.5Z" fill="hsl(186,100%,33%)"/>
<path d="M15 8H16.5V9.5H15V8Z" fill="hsl(186,100%,33%)"/>
<path d="M16.5 13.25H18V14.75H16.5V13.25Z" fill="hsl(186,100%,33%)"/>
<path d="M6.75 16.25H8.25V17.75H6.75V16.25Z" fill="hsl(186,100%,33%)"/>
</svg>

map-icon-findonmap

CSS

@import "@dataforsyningen/icons/css/map-icon-findonmap.css";

Brug i HTML:

<span class="ds-icon-map-icon-findonmap"></span>

CSS custom property:

--ds-map-icon-findonmap

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="3" fill="#3EDDC6"/>
<path d="M4 11.5C3.72386 11.5 3.5 11.7239 3.5 12C3.5 12.2761 3.72386 12.5 4 12.5V11.5ZM4 12.5H6V11.5H4V12.5Z" fill="hsl(186,100%,33%)"/>
<path d="M20 12.5C20.2761 12.5 20.5 12.2761 20.5 12C20.5 11.7239 20.2761 11.5 20 11.5V12.5ZM18 12.5H20V11.5H18V12.5Z" fill="hsl(186,100%,33%)"/>
<path d="M12.5 4C12.5 3.72386 12.2761 3.5 12 3.5C11.7239 3.5 11.5 3.72386 11.5 4L12.5 4ZM11.5 4L11.5 6L12.5 6L12.5 4L11.5 4Z" fill="hsl(186,100%,33%)"/>
<path d="M11.5 20C11.5 20.2761 11.7239 20.5 12 20.5C12.2761 20.5 12.5 20.2761 12.5 20L11.5 20ZM11.5 18L11.5 20L12.5 20L12.5 18L11.5 18Z" fill="hsl(186,100%,33%)"/>
<circle cx="12" cy="12" r="6" stroke="hsl(186,100%,33%)"/>
</svg>

map-icon-koordinater

CSS

@import "@dataforsyningen/icons/css/map-icon-koordinater.css";

Brug i HTML:

<span class="ds-icon-map-icon-koordinater"></span>

CSS custom property:

--ds-map-icon-koordinater

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 5L9 19" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M15 5L15 19" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M19 9L5 9" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M19 15L5 15" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
</svg>

map-icon-move

CSS

@import "@dataforsyningen/icons/css/map-icon-move.css";

Brug i HTML:

<span class="ds-icon-map-icon-move"></span>

CSS custom property:

--ds-map-icon-move

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.364 9.87861L20.4853 11.9999M20.4853 11.9999L18.364 14.1212M20.4853 11.9999H12M5.63604 14.1212L3.51472 11.9999M3.51472 11.9999L5.63604 9.87861M3.51472 11.9999H12M12 11.9999V20.4852M12 11.9999L12 3.51465M14.1213 18.3639L12 20.4852M12 20.4852L9.87868 18.3639M9.87868 5.63597L12 3.51465M12 3.51465L14.1213 5.63597" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

map-icon-nordpil

CSS

@import "@dataforsyningen/icons/css/map-icon-nordpil.css";

Brug i HTML:

<span class="ds-icon-map-icon-nordpil"></span>

CSS custom property:

--ds-map-icon-nordpil

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 18L6.53766 17.8096C6.45633 18.0071 6.50946 18.2345 6.66988 18.3755C6.83031 18.5166 7.06261 18.5401 7.24807 18.4341L7 18ZM11.9498 5.97915L12.4121 5.78877L11.9498 4.66595L11.4874 5.78877L11.9498 5.97915ZM16.8995 18L16.6515 18.4341C16.8369 18.5401 17.0692 18.5166 17.2296 18.3755C17.3901 18.2345 17.4432 18.0071 17.3619 17.8096L16.8995 18ZM11.9498 15.1716L12.1978 14.7374L11.9498 14.5957L11.7017 14.7374L11.9498 15.1716ZM11.4498 15.3002C11.4498 15.5763 11.6737 15.8002 11.9498 15.8002C12.226 15.8002 12.4498 15.5763 12.4498 15.3002H11.4498ZM12.4498 13.0502C12.4498 12.774 12.226 12.5502 11.9498 12.5502C11.6737 12.5502 11.4498 12.774 11.4498 13.0502H12.4498ZM7.46234 18.1904L12.4121 6.16952L11.4874 5.78877L6.53766 17.8096L7.46234 18.1904ZM11.4874 6.16952L16.4372 18.1904L17.3619 17.8096L12.4121 5.78877L11.4874 6.16952ZM17.1476 17.5659L12.1978 14.7374L11.7017 15.6057L16.6515 18.4341L17.1476 17.5659ZM11.7017 14.7374L6.75193 17.5659L7.24807 18.4341L12.1978 15.6057L11.7017 14.7374ZM12.4498 15.3002V13.0502H11.4498V15.3002H12.4498Z" fill="hsl(186,100%,33%)"/>
</svg>

map-icon-position

CSS

@import "@dataforsyningen/icons/css/map-icon-position.css";

Brug i HTML:

<span class="ds-icon-map-icon-position"></span>

CSS custom property:

--ds-map-icon-position

SVG

<svg width="24" height="32" viewBox="0 0 24 32" class="ds-svg-icon" xmlns="http://www.w3.org/2000/svg" fill="none">
  <g transform="scale(3.7795276)">
    <path class="ds-icon-background" d="m 3.1749986,7.834272 c 0,0 2.9104181,-2.7189942 2.9104181,-4.6592708 0,-1.607383 -1.3030353,-2.91041787 -2.9104181,-2.91041787 -1.6073767,0 -2.91041527,1.30303487 -2.91041527,2.91041787 0,1.9402766 2.91041527,4.6592708 2.91041527,4.6592708 z m -6.4e-6,-3.2040714 c 0.8036915,0 1.4552057,-0.6515142 1.4552057,-1.4552057 0,-0.8036916 -0.6515142,-1.455206 -1.4552057,-1.455206 -0.8036917,0 -1.4552061,0.6515144 -1.4552061,1.455206 0,0.8036915 0.6515144,1.4552057 1.4552061,1.4552057 z" fill="hsl(186,100%,33%)" fill-rule="evenodd" />
    <path d="m 3.1749984,8.041916 -0.092104,0.09856 0.092104,0.08608 0.09211,-0.08608 z M 6.0801586,3.1750283 c 0,0.4756129 -0.1792758,1.0106388 -0.4599448,1.5535172 C 5.3405434,5.2694943 4.9660911,5.8070837 4.5891159,6.2849297 4.2124847,6.7623372 3.835496,7.1774039 3.5525199,7.4732203 3.4111028,7.6210271 3.2933508,7.7388813 3.2111032,7.8196321 c -0.041124,0.040409 -0.073357,0.071508 -0.09522,0.092421 -0.01093,0.010456 -0.019267,0.018349 -0.024831,0.023611 -0.00278,0.00265 -0.00486,0.00459 -0.00623,0.00587 -6.88e-4,6.085e-4 -0.00119,0.00108 -0.00151,0.00143 -1.553e-4,1.349e-4 -2.646e-4,2.645e-4 -3.439e-4,3.439e-4 -3.36e-5,0 -4.71e-5,0 -6.72e-5,6.75e-5 -6.9e-6,0 0,0 0.092103,0.09856 0.09211,0.09856 0.092137,0.09856 0.092178,0.09856 2.73e-5,-6.75e-5 8.12e-5,-1.35e-4 1.352e-4,-1.35e-4 1.146e-4,-1.349e-4 2.646e-4,-2.646e-4 4.763e-4,-4.762e-4 4.233e-4,-3.969e-4 0.00101,-9.525e-4 0.0018,-0.00169 0.00156,-0.00148 0.00383,-0.00357 0.00681,-0.00641 0.00595,-0.0056 0.014674,-0.013896 0.026006,-0.02476 0.022667,-0.021654 0.055749,-0.053564 0.097757,-0.09485 C 3.4841672,7.9297326 3.603916,7.8098542 3.7475123,7.6597536 4.0345492,7.3596876 4.4175826,6.9380566 4.8009733,6.4520683 5.184013,5.9665317 5.569576,5.4140738 5.8599186,4.852475 6.1492649,4.292795 6.35,3.7127794 6.35,3.1750283 Z M 3.1749984,0.2698437 c 1.6044773,0 2.9051602,1.3006939 2.9051602,2.9051846 H 6.35 C 6.35,1.4215096 4.9285022,0 3.1749984,0 Z M 0.26984145,3.1750283 c 0,-1.6044907 1.30068635,-2.9051846 2.90515695,-2.9051846 V 0 C 1.4214944,0 0,1.4215096 0,3.1750283 Z M 3.1749984,8.041916 c 0.09211,-0.098561 0.09211,-0.098561 0.09211,-0.098561 -2.01e-5,-6.75e-5 -4.05e-5,-6.75e-5 -7.41e-5,-6.75e-5 -6.75e-5,-6.74e-5 -1.82e-4,-2.024e-4 -3.439e-4,-3.439e-4 -3.175e-4,-3.44e-4 -8.202e-4,-8.202e-4 -0.00151,-0.00143 -0.00138,-0.00127 -0.00346,-0.00324 -0.00623,-0.00587 -0.00556,-0.00527 -0.013899,-0.013155 -0.024831,-0.023612 -0.021863,-0.020913 -0.054095,-0.052012 -0.095219,-0.09242 C 3.0566458,7.7388813 2.9388938,7.6210271 2.7974832,7.4732203 2.5145007,7.1774039 2.1375186,6.7623372 1.7608874,6.2849297 1.3839122,5.8070837 1.0094532,5.2694943 0.72978349,4.7285455 0.4491187,4.1856671 0.26984145,3.6506412 0.26984145,3.1750283 H 0 C 0,3.7127794 0.20073236,4.292795 0.49008199,4.852471 0.78042532,5.4140698 1.1659883,5.9665277 1.549035,6.4520643 c 0.3833907,0.4859883 0.7664239,0.9076193 1.053461,1.2076854 0.1435893,0.1501005 0.263345,0.2699787 0.3473468,0.352416 0.042008,0.041286 0.07509,0.073195 0.097757,0.09485 0.011332,0.010861 0.020069,0.019158 0.026014,0.024757 0.00297,0.00283 0.00525,0.00492 0.0068,0.00641 7.673e-4,7.408e-4 0.00138,0.00127 0.0018,0.00169 2.09e-4,2.024e-4 3.704e-4,3.44e-4 4.762e-4,4.763e-4 6.09e-5,0 1.082e-4,6.74e-5 1.418e-4,1.349e-4 4.05e-5,0 6.75e-5,0 0.092171,-0.09856 z M 4.560108,3.1750214 c 0,0.7649866 -0.6201362,1.3851282 -1.3851165,1.3851282 v 0.2698438 c 0.9140069,0 1.6549579,-0.7409572 1.6549579,-1.654972 z M 3.1749915,1.7898935 c 0.7649803,0 1.3851165,0.6201413 1.3851165,1.3851279 h 0.2698414 c 0,-0.9140145 -0.740951,-1.6549715 -1.6549579,-1.6549715 z M 1.7898752,3.1750214 c 0,-0.7649866 0.6201361,-1.3851279 1.3851163,-1.3851279 V 1.5200499 c -0.9140068,0 -1.6549577,0.740957 -1.6549577,1.6549715 z m 1.3851163,1.3851282 c -0.7649802,0 -1.3851163,-0.6201416 -1.3851163,-1.3851282 H 1.5200338 c 0,0.9140148 0.7409509,1.654972 1.6549577,1.654972 z" fill="#ffffff" />
  </g>
</svg>

map-icon-ruler

CSS

@import "@dataforsyningen/icons/css/map-icon-ruler.css";

Brug i HTML:

<span class="ds-icon-map-icon-ruler"></span>

CSS custom property:

--ds-map-icon-ruler

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15H4.5V15.5H5V15ZM19 15V15.5H19.5V15H19ZM5 9V8.5H4.5V9H5ZM19 9H19.5V8.5H19V9ZM11.1686 13C11.1686 12.7239 10.9447 12.5 10.6686 12.5C10.3924 12.5 10.1686 12.7239 10.1686 13H11.1686ZM10.1686 15C10.1686 15.2761 10.3924 15.5 10.6686 15.5C10.9447 15.5 11.1686 15.2761 11.1686 15H10.1686ZM8.50283 13C8.50283 12.7239 8.27898 12.5 8.00283 12.5C7.72669 12.5 7.50283 12.7239 7.50283 13H8.50283ZM7.50283 15C7.50283 15.2761 7.72669 15.5 8.00283 15.5C8.27898 15.5 8.50283 15.2761 8.50283 15H7.50283ZM16.5 13C16.5 12.7239 16.2761 12.5 16 12.5C15.7239 12.5 15.5 12.7239 15.5 13H16.5ZM15.5 15C15.5 15.2761 15.7239 15.5 16 15.5C16.2761 15.5 16.5 15.2761 16.5 15H15.5ZM13.8343 13C13.8343 12.7239 13.6104 12.5 13.3343 12.5C13.0581 12.5 12.8343 12.7239 12.8343 13H13.8343ZM12.8343 15C12.8343 15.2761 13.0581 15.5 13.3343 15.5C13.6104 15.5 13.8343 15.2761 13.8343 15H12.8343ZM5 15.5H19V14.5H5V15.5ZM5 9.5H19V8.5H5V9.5ZM5.5 15V9H4.5V15H5.5ZM18.5 9V15H19.5V9H18.5ZM10.1686 13V15H11.1686V13H10.1686ZM7.50283 13V15H8.50283V13H7.50283ZM15.5 13V15H16.5V13H15.5ZM12.8343 13V15H13.8343V13H12.8343Z" fill="hsl(186,100%,33%)"/>
</svg>

map-icon-sted

CSS

@import "@dataforsyningen/icons/css/map-icon-sted.css";

Brug i HTML:

<span class="ds-icon-map-icon-sted"></span>

CSS custom property:

--ds-map-icon-sted

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="6" stroke="hsl(186,100%,33%)"/>
</svg>

map-icon-sun

CSS

@import "@dataforsyningen/icons/css/map-icon-sun.css";

Brug i HTML:

<span class="ds-icon-map-icon-sun"></span>

CSS custom property:

--ds-map-icon-sun

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="5" stroke="hsl(186,100%,33%)"/>
<path d="M3 12L5 12M19 12L21 12" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M12 3L12 5M12 19L12 21" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M18.3638 5.63672L16.9496 7.05093M7.05006 16.9504L5.63585 18.3646" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M18.3638 18.3633L16.9496 16.9491M7.05006 7.04957L5.63585 5.63536" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
</svg>

map-icon-vej

CSS

@import "@dataforsyningen/icons/css/map-icon-vej.css";

Brug i HTML:

<span class="ds-icon-map-icon-vej"></span>

CSS custom property:

--ds-map-icon-vej

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 10C5.5 9.72386 5.27614 9.5 5 9.5C4.72386 9.5 4.5 9.72386 4.5 10L5.5 10ZM4.5 14C4.5 14.2761 4.72386 14.5 5 14.5C5.27614 14.5 5.5 14.2761 5.5 14H4.5ZM19.5 10C19.5 9.72386 19.2761 9.5 19 9.5C18.7239 9.5 18.5 9.72386 18.5 10H19.5ZM18.5 14C18.5 14.2761 18.7239 14.5 19 14.5C19.2761 14.5 19.5 14.2761 19.5 14H18.5ZM5 12.5H19V11.5H5V12.5ZM4.5 10L4.5 14H5.5L5.5 10L4.5 10ZM18.5 10V14H19.5V10H18.5Z" fill="hsl(186,100%,33%)"/>
</svg>

sider-icon-english

CSS

@import "@dataforsyningen/icons/css/sider-icon-english.css";

Brug i HTML:

<span class="ds-icon-sider-icon-english"></span>

CSS custom property:

--ds-sider-icon-english

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="m18 11.87c0.0023 0.9043-0.2089 1.7964-0.6167 2.6036-0.4834 0.9672-1.2265 1.7808-2.1462 2.3496-0.9197 0.5687-1.9796 0.8702-3.0609 0.8706-0.9043 0.0024-1.7964-0.2089-2.6036-0.6166l-4.0384 1.0154 1.4348-3.619c-0.40771-0.8072-0.61899-1.6993-0.61663-2.6036 4.1e-4 -1.0813 0.30188-2.1412 0.87063-3.0609s1.3823-1.6629 2.3496-2.1463c0.80718-0.40771 1.6993-0.61899 2.6036-0.61663h0.3426c1.4281 0.07878 2.7769 0.68156 3.7883 1.6929 1.0113 1.0114 1.6141 2.3602 1.6929 3.7883v0.3426z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
   <g transform="matrix(.92996 0 0 1 .88638 0)" style="fill:#0098a8" aria-label="English"><path d="m7.8598 10.424h2.2698v0.63744h-1.421v0.47452h1.3181v0.60893h-1.3181v0.58856h1.4621v0.67614h-2.3109z" style="stroke-width:.99909"/><path d="m10.633 10.424h0.79088l1.0321 1.6516v-1.6516h0.79836v2.9856h-0.79836l-1.0265-1.6394v1.6394h-0.79649z" style="stroke-width:.99909"/><path d="m15.162 12.329v-0.62115h1.3088v1.2728q-0.37581 0.27901-0.66561 0.38084-0.28793 0.09979-0.68431 0.09979-0.48799 0-0.79649-0.18125-0.30663-0.18125-0.47677-0.53969-0.16827-0.35843-0.16827-0.82277 0-0.48877 0.1851-0.84924 0.1851-0.36251 0.54221-0.54987 0.27858-0.14459 0.74975-0.14459 0.45434 0 0.6787 0.08961 0.22623 0.08961 0.37394 0.27901 0.14958 0.18736 0.22436 0.47655l-0.81706 0.15885q-0.05048-0.16904-0.17201-0.25864-0.11966-0.08961-0.30663-0.08961-0.27858 0-0.44499 0.2118-0.16453 0.20976-0.16453 0.66595 0 0.4847 0.1664 0.69243 0.16827 0.20773 0.46742 0.20773 0.1421 0 0.27111-0.0448 0.12901-0.04481 0.29541-0.15274v-0.28104z" style="stroke-width:.99909"/></g>
</svg>

sider-icon-accessibility

CSS

@import "@dataforsyningen/icons/css/sider-icon-accessibility.css";

Brug i HTML:

<span class="ds-icon-sider-icon-accessibility"></span>

CSS custom property:

--ds-sider-icon-accessibility

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.86307 8.42977L5.36778 8.36127L5.86307 8.42977ZM6.99064 7.5762L6.92214 8.07149L6.99064 7.5762ZM6.71664 9.55734L6.78546 9.0621L6.78514 9.06206L6.71664 9.55734ZM10.4987 12.8427L10.9557 13.0455C10.984 12.9817 10.9986 12.9127 10.9987 12.8429L10.4987 12.8427ZM8.07416 18.3068L8.52877 18.515L8.53119 18.5096L8.07416 18.3068ZM8.56689 19.6324L8.35867 20.087H8.35867L8.56689 19.6324ZM9.89249 19.1396L10.3472 19.3479L10.3514 19.3382L9.89249 19.1396ZM11.9994 14.2704L12.4583 14.0718C12.3791 13.8889 12.1987 13.7704 11.9994 13.7704C11.8 13.7704 11.6197 13.8889 11.5405 14.0718L11.9994 14.2704ZM14.1062 19.1396L13.6473 19.3382L13.6517 19.3479L14.1062 19.1396ZM15.4318 19.6324L15.6401 20.087H15.6401L15.4318 19.6324ZM15.9246 18.3068L15.4675 18.5096L15.47 18.515L15.9246 18.3068ZM13.5001 12.8427L13.0001 12.8427C13.0001 12.9125 13.0147 12.9816 13.043 13.0455L13.5001 12.8427ZM13.5001 10.1137L13.4018 9.62347C13.1682 9.6703 13.0001 9.87546 13.0001 10.1137L13.5001 10.1137ZM13.9992 10.0137L13.9308 9.51837C13.9208 9.51975 13.9109 9.52143 13.901 9.52341L13.9992 10.0137ZM17.2996 9.55734L17.3681 10.0526L17.3681 10.0526L17.2996 9.55734ZM18.1532 8.42977L18.6485 8.36127L18.1532 8.42977ZM17.0256 7.5762L16.9571 7.08092L17.0256 7.5762ZM13.8626 8.01366L13.8626 8.51366C13.8855 8.51366 13.9084 8.51209 13.9311 8.50895L13.8626 8.01366ZM10.1537 8.01367L10.0852 8.50896C10.1079 8.5121 10.1308 8.51367 10.1537 8.51367L10.1537 8.01367ZM10.5001 10.1027L11.0001 10.103C11.0002 9.86055 10.8264 9.65296 10.5877 9.61046L10.5001 10.1027ZM10.0001 10.0137L10.0877 9.52142C10.0815 9.5203 10.0752 9.51931 10.0689 9.51843L10.0001 10.0137ZM6.35835 8.49827C6.39618 8.22473 6.6486 8.03365 6.92214 8.07149L7.05914 7.08092C6.23852 6.96742 5.48128 7.54065 5.36778 8.36127L6.35835 8.49827ZM6.78514 9.06206C6.5116 9.02423 6.32052 8.77181 6.35835 8.49827L5.36778 8.36127C5.25429 9.18189 5.82752 9.93913 6.64814 10.0526L6.78514 9.06206ZM10.0416 12.6399L7.61713 18.104L8.53119 18.5096L10.9557 13.0455L10.0416 12.6399ZM7.61957 18.0986C7.27459 18.8517 7.60549 19.742 8.35867 20.087L8.7751 19.1778C8.52405 19.0628 8.41374 18.766 8.52874 18.515L7.61957 18.0986ZM8.35867 20.087C9.11185 20.4319 10.0021 20.101 10.3471 19.3479L9.43791 18.9314C9.32291 19.1825 9.02616 19.2928 8.7751 19.1778L8.35867 20.087ZM10.3514 19.3382L12.4583 14.469L11.5405 14.0718L9.4336 18.9411L10.3514 19.3382ZM11.5405 14.469L13.6474 19.3382L14.5651 18.9411L12.4583 14.0718L11.5405 14.469ZM13.6517 19.3479C13.9966 20.101 14.8869 20.4319 15.6401 20.087L15.2236 19.1778C14.9726 19.2928 14.6758 19.1825 14.5608 18.9314L13.6517 19.3479ZM15.6401 20.087C16.3932 19.742 16.7241 18.8517 16.3792 18.0985L15.47 18.515C15.585 18.766 15.4747 19.0628 15.2236 19.1778L15.6401 20.087ZM16.3816 18.104L13.9571 12.6399L13.043 13.0455L15.4675 18.5096L16.3816 18.104ZM13.0001 10.1137L13.0001 12.8427L14.0001 12.8427L14.0001 10.1137L13.0001 10.1137ZM13.901 9.52341L13.4018 9.62347L13.5983 10.604L14.0975 10.5039L13.901 9.52341ZM17.2311 9.06205L13.9308 9.51837L14.0677 10.509L17.3681 10.0526L17.2311 9.06205ZM17.6579 8.49827C17.6957 8.77181 17.5047 9.02423 17.2311 9.06206L17.3681 10.0526C18.1887 9.93913 18.762 9.18189 18.6485 8.36127L17.6579 8.49827ZM17.0941 8.07149C17.3676 8.03365 17.6201 8.22473 17.6579 8.49827L18.6485 8.36127C18.535 7.54065 17.7777 6.96742 16.9571 7.08092L17.0941 8.07149ZM13.9311 8.50895L17.0941 8.07149L16.9571 7.08092L13.7941 7.51838L13.9311 8.50895ZM6.92214 8.07149L10.0852 8.50896L10.2222 7.51839L7.05914 7.08092L6.92214 8.07149ZM10.5877 9.61046L10.0877 9.52142L9.91241 10.5059L10.4124 10.595L10.5877 9.61046ZM10.1537 8.51367L13.8626 8.51366L13.8626 7.51366L10.1537 7.51367L10.1537 8.51367ZM10.9987 12.8429L11.0001 10.103L10.0001 10.1025L9.99866 12.8424L10.9987 12.8429ZM6.64781 10.0526L9.93124 10.5089L10.0689 9.51843L6.78546 9.0621L6.64781 10.0526Z" fill="hsl(186,100%,33%)"/>
<path d="M12.0023 4.30249C12.6237 4.30249 13.1291 4.80788 13.1291 5.42928H14.1291C14.1291 4.2556 13.176 3.30249 12.0023 3.30249V4.30249ZM13.1291 5.42928C13.1291 6.05068 12.6237 6.55607 12.0023 6.55607V7.55607C13.176 7.55607 14.1291 6.60297 14.1291 5.42928H13.1291ZM12.0023 6.55607C11.3809 6.55607 10.8755 6.05068 10.8755 5.42928H9.87549C9.87549 6.60296 10.8286 7.55607 12.0023 7.55607V6.55607ZM10.8755 5.42928C10.8755 4.80788 11.3809 4.30249 12.0023 4.30249V3.30249C10.8286 3.30249 9.87549 4.2556 9.87549 5.42928H10.8755Z" fill="hsl(186,100%,33%)"/>
</svg>

sider-icon-apps

CSS

@import "@dataforsyningen/icons/css/sider-icon-apps.css";

Brug i HTML:

<span class="ds-icon-sider-icon-apps"></span>

CSS custom property:

--ds-sider-icon-apps

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 6H14C13.4477 6 13 6.44772 13 7V10C13 10.5523 13.4477 11 14 11H17C17.5523 11 18 10.5523 18 10V7C18 6.44772 17.5523 6 17 6Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17 13H14C13.4477 13 13 13.4477 13 14V17C13 17.5523 13.4477 18 14 18H17C17.5523 18 18 17.5523 18 17V14C18 13.4477 17.5523 13 17 13Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 6H7C6.44772 6 6 6.44772 6 7V10C6 10.5523 6.44772 11 7 11H10C10.5523 11 11 10.5523 11 10V7C11 6.44772 10.5523 6 10 6Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 13H7C6.44772 13 6 13.4477 6 14V17C6 17.5523 6.44772 18 7 18H10C10.5523 18 11 17.5523 11 17V14C11 13.4477 10.5523 13 10 13Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

sider-icon-cases

CSS

@import "@dataforsyningen/icons/css/sider-icon-cases.css";

Brug i HTML:

<span class="ds-icon-sider-icon-cases"></span>

CSS custom property:

--ds-sider-icon-cases

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5 14H6.07143C5.47969 14 5 13.5635 5 13.025V4.975C5 4.43652 5.40827 4 6 4H12C12.5917 4 13 4.43652 13 4.975V5.5M9.5 17H9.07143C8.47969 17 8 16.5635 8 16.025V7.975C8 7.43652 8.40827 7 9 7H15C15.5917 7 16 7.43652 16 7.975V8.5M12.1429 10H17.8571C18.4883 10 19 10.4477 19 11V19C19 19.5523 18.4883 20 17.8571 20H12.1429C11.5117 20 11 19.5523 11 19V11C11 10.4477 11.5117 10 12.1429 10Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

sider-icon-data

CSS

@import "@dataforsyningen/icons/css/sider-icon-data.css";

Brug i HTML:

<span class="ds-icon-sider-icon-data"></span>

CSS custom property:

--ds-sider-icon-data

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 10H12H17" stroke="hsl(186,100%,33%)"/>
<path d="M7 14H17" stroke="hsl(186,100%,33%)"/>
<rect x="7" y="6" width="10" height="12" rx="1.5" stroke="hsl(186,100%,33%)"/>
<circle cx="9" cy="12" r="0.5" fill="hsl(186,100%,33%)"/>
<circle cx="9" cy="8" r="0.5" fill="hsl(186,100%,33%)"/>
<circle cx="9" cy="16" r="0.5" fill="hsl(186,100%,33%)"/>
</svg>

sider-icon-drift

CSS

@import "@dataforsyningen/icons/css/sider-icon-drift.css";

Brug i HTML:

<span class="ds-icon-sider-icon-drift"></span>

CSS custom property:

--ds-sider-icon-drift

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 12H8L12 19L15.5 9L19.5 9" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.5 16.5C17.5 17.0523 17.0523 17.5 16.5 17.5C15.9477 17.5 15.5 17.0523 15.5 16.5C15.5 15.9477 15.9477 15.5 16.5 15.5C17.0523 15.5 17.5 15.9477 17.5 16.5Z" fill="#FF5252"/>
<path d="M17 6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6C15 5.44772 15.4477 5 16 5C16.5523 5 17 5.44772 17 6Z" fill="#3EDDC6"/>
<path d="M7 9C7 9.55228 6.55228 10 6 10C5.44772 10 5 9.55228 5 9C5 8.44771 5.44772 8 6 8C6.55228 8 7 8.44771 7 9Z" fill="#E98436"/>
</svg>

sider-icon-help

CSS

@import "@dataforsyningen/icons/css/sider-icon-help.css";

Brug i HTML:

<span class="ds-icon-sider-icon-help"></span>

CSS custom property:

--ds-sider-icon-help

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.3415 13.6479C15.1613 14.0014 14.9251 14.3339 14.6295 14.6295C14.3337 14.9254 14.0014 15.1614 13.6479 15.3416L15.4923 18C16.0023 17.7116 16.483 17.352 16.9175 16.9174C17.352 16.4829 17.7117 16.0022 18 15.4921L15.3415 13.6479Z" fill="#3EDDC6"/>
<path d="M13.6479 8.65872C14.0014 8.83885 14.3339 9.07511 14.6295 9.3707C14.9254 9.66651 15.1614 9.99881 15.3416 10.3522L18.0002 8.50774C17.7118 7.99765 17.3522 7.51702 16.9176 7.08249C16.4831 6.64796 16.0024 6.28834 15.4923 6L13.6479 8.65872Z" fill="hsl(186,100%,33%)"/>
<path d="M8.65102 10.3593C8.83115 10.0058 9.06741 9.67335 9.363 9.37777C9.65881 9.08198 9.99111 8.84595 10.3445 8.66583L8.50774 6C7.99765 6.28832 7.51702 6.64792 7.08249 7.08243C6.64796 7.51694 6.28834 7.99755 6 8.5076L8.65102 10.3593Z" fill="#FF5252"/>
<path d="M10.3538 15.3396C10.0004 15.1594 9.66789 14.9232 9.37231 14.6276C9.07652 14.3318 8.84048 13.9995 8.66036 13.6461L6 15.4921C6.28832 16.0022 6.64792 16.4829 7.08243 16.9174C7.51694 17.3519 7.99755 17.7115 8.5076 17.9999L10.3538 15.3396Z" fill="#E98436"/>
<path d="M16.9499 7.05014C14.2164 4.31662 9.78438 4.31662 7.05063 7.05014C4.31711 9.78367 4.31711 14.2156 7.05063 16.9494C9.78415 19.6829 14.2161 19.6829 16.9499 16.9494C19.6836 14.2156 19.6836 9.78367 16.9499 7.05014Z" stroke="hsl(186,100%,33%)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.36975 9.36975C7.91711 10.8224 7.91711 13.1775 9.36975 14.6301C10.8224 16.0828 13.1775 16.0828 14.6301 14.6301C16.0828 13.1775 16.0828 10.8224 14.6301 9.36975C13.1775 7.91711 10.8224 7.91711 9.36975 9.36975Z" stroke="hsl(186,100%,33%)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

sider-icon-lab

CSS

@import "@dataforsyningen/icons/css/sider-icon-lab.css";

Brug i HTML:

<span class="ds-icon-sider-icon-lab"></span>

CSS custom property:

--ds-sider-icon-lab

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 16.9963V17H12H10.5V16.9963V16.9916V16.9868V16.982V16.9771V16.9723V16.9674V16.9625V16.9575V16.9525V16.9475V16.9425V16.9374V16.9323V16.9272V16.9221V16.9169V16.9117V16.9065V16.9012V16.8959V16.8906V16.8852V16.8798V16.8744V16.869V16.8635V16.858V16.8525V16.8469V16.8413V16.8357V16.8301V16.8244V16.8187V16.8129V16.8071V16.8013V16.7955V16.7896V16.7837V16.7778V16.7719V16.7659V16.7599V16.7538V16.7477V16.7416V16.7355V16.7293V16.7231V16.7168V16.7106V16.7043V16.6979V16.6916V16.6852V16.6787V16.6723V16.6658V16.6593V16.6527V16.6461V16.6395V16.6328V16.6261V16.6194V16.6126V16.6059V16.599V16.5922V16.5853V16.5784V16.5714V16.5644V16.5574V16.5503V16.5433V16.5361V16.529V16.5218V16.5146V16.5073V16.5C10.5 16.0268 10.2658 15.6052 10.0187 15.2529C9.85341 15.0171 9.64286 14.761 9.43475 14.5078C9.33462 14.386 9.23506 14.2649 9.14136 14.147C8.52994 13.3781 8 12.553 8 11.4917C8 9.288 9.79082 7.5 12 7.5C14.2092 7.5 16 9.288 16 11.4917C16 12.553 15.4701 13.3781 14.8586 14.147C14.7649 14.2649 14.6654 14.386 14.5652 14.5078C14.3571 14.761 14.1466 15.0171 13.9813 15.2529C13.7342 15.6052 13.5 16.0268 13.5 16.5V16.5073V16.5146V16.5218V16.529V16.5361V16.5433V16.5503V16.5574V16.5644V16.5714V16.5784V16.5853V16.5922V16.599V16.6059V16.6126V16.6194V16.6261V16.6328V16.6395V16.6461V16.6527V16.6593V16.6658V16.6723V16.6787V16.6852V16.6916V16.6979V16.7043V16.7106V16.7168V16.7231V16.7293V16.7355V16.7416V16.7477V16.7538V16.7599V16.7659V16.7719V16.7778V16.7837V16.7896V16.7955V16.8013V16.8071V16.8129V16.8187V16.8244V16.8301V16.8357V16.8413V16.8469V16.8525V16.858V16.8635V16.869V16.8744V16.8798V16.8852V16.8906V16.8959V16.9012V16.9065V16.9117V16.9169V16.9221V16.9272V16.9323V16.9374V16.9425V16.9475V16.9525V16.9575V16.9625V16.9674V16.9723V16.9771V16.982V16.9868V16.9916V16.9963Z" stroke="hsl(186,100%,33%)"/>
<line x1="10" y1="18" x2="14" y2="18" stroke="hsl(186,100%,33%)"/>
<line x1="10" y1="19" x2="14" y2="19" stroke="hsl(186,100%,33%)"/>
<line x1="11.5" y1="20" x2="12.5" y2="20" stroke="hsl(186,100%,33%)"/>
<path opacity="0.33" d="M12.0876 2.5V5M18.4989 4.98955L16.4649 6.89639M20.0879 11H18.0877M4.08789 11H6.08766M5.67709 4.98955L7.71072 6.89603M15.5574 3.14695L14.5131 5.51045M20.0879 8L17.7072 8.89274M18.4989 13.5L17.6792 13.1804M5.67709 13.5L6.4962 13.1806M4.08789 8L6.46818 8.89264M8.61749 3.14695L9.66194 5.51056" stroke="hsl(186,100%,33%)" stroke-miterlimit="10"/>
</svg>

sider-icon-map

CSS

@import "@dataforsyningen/icons/css/sider-icon-map.css";

Brug i HTML:

<span class="ds-icon-sider-icon-map"></span>

CSS custom property:

--ds-sider-icon-map

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 18L10 16L6.00003 18L6 7.99999L10 6M14 18L18 15.6V6L14 7.99999M14 18V7.99999M14 7.99999L10 6M10 6V15.6" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

sider-icon-news

CSS

@import "@dataforsyningen/icons/css/sider-icon-news.css";

Brug i HTML:

<span class="ds-icon-sider-icon-news"></span>

CSS custom property:

--ds-sider-icon-news

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.2705 6.4978C15.2705 7.05009 14.8228 7.4978 14.2705 7.4978C13.7182 7.4978 13.2705 7.05009 13.2705 6.4978C13.2705 5.94552 13.7182 5.4978 14.2705 5.4978C14.8228 5.4978 15.2705 5.94552 15.2705 6.4978Z" fill="hsl(186,100%,33%)"/>
<path d="M19 10C19 10.5523 18.5523 11 18 11C17.4477 11 17 10.5523 17 10C17 9.44772 17.4477 9 18 9C18.5523 9 19 9.44772 19 10Z" fill="#3EDDC6"/>
<path d="M18.502 6C18.502 6.55228 18.0542 7 17.502 7C16.9497 7 16.502 6.55228 16.502 6C16.502 5.44772 16.9497 5 17.502 5C18.0542 5 18.502 5.44772 18.502 6Z" fill="#000"/>
<path d="M10.3512 17.2441C10.5698 17.4686 10.8814 17.5997 11.2185 17.5782C11.6811 17.5486 12.0595 17.24 12.2 16.8267C12.2454 16.693 12.266 16.5483 12.2564 16.3986M5.01221 16.2127L7.49977 15.0861L11.3431 7L17 12.6569L8.91399 16.5003L7.77936 18.9798L5.01221 16.2127Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

sider-icon-privatliv

CSS

@import "@dataforsyningen/icons/css/sider-icon-privatliv.css";

Brug i HTML:

<span class="ds-icon-sider-icon-privatliv"></span>

CSS custom property:

--ds-sider-icon-privatliv

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 18L18 6" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M14.1211 9.87891C13.5782 9.33601 12.8284 9 12 9C10.3431 9 9 10.3431 9 12C9 12.8284 9.33601 13.5782 9.87891 14.1211M16.1797 7.82031C15.0237 7.05909 13.6227 6.5 12 6.5C6.90909 6.5 4 12 4 12C4 12 5.34896 14.5485 7.81641 16.1758M17.6289 8.97656C19.1727 10.4365 20 12 20 12C20 12 17.0909 17.5 12 17.5C11.1182 17.5 10.3017 17.3355 9.55469 17.0625" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

sider-icon-terms

CSS

@import "@dataforsyningen/icons/css/sider-icon-terms.css";

Brug i HTML:

<span class="ds-icon-sider-icon-terms"></span>

CSS custom property:

--ds-sider-icon-terms

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 8L12 18" stroke="hsl(186,100%,33%)"/>
<path d="M17.5294 6.93359L15 12" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M6.52941 6.93359L4 12" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M17.5293 6.93359L19.9999 12" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<path d="M6.5293 6.93359L8.99989 12" stroke="hsl(186,100%,33%)" stroke-linecap="round"/>
<circle cx="12" cy="7" r="1" stroke="hsl(186,100%,33%)"/>
<path d="M13 7L17.5 7" stroke="hsl(186,100%,33%)"/>
<path d="M6.5 7L11 7" stroke="hsl(186,100%,33%)"/>
<path d="M20 12C20 13.1046 19.1046 14 18 14L17 14C15.8954 14 15 13.1046 15 12L20 12Z" stroke="hsl(186,100%,33%)"/>
<path d="M9 12C9 13.1046 8.10457 14 7 14L6 14C4.89543 14 4 13.1046 4 12L9 12Z" stroke="hsl(186,100%,33%)"/>
<path d="M7 18H17" stroke="hsl(186,100%,33%)"/>
</svg>

sider-icon-user

CSS

@import "@dataforsyningen/icons/css/sider-icon-user.css";

Brug i HTML:

<span class="ds-icon-sider-icon-user"></span>

CSS custom property:

--ds-sider-icon-user

SVG

<svg width="24" height="24" viewBox="0 0 24 24" class="ds-svg-icon" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 18V17.4208C19 16.7788 18.6313 16.163 17.9749 15.709C17.3185 15.255 16.4283 15 15.5 15H8.5C7.57174 15 6.6815 15.255 6.02513 15.709C5.36875 16.163 5 16.7788 5 17.4208V18M16 9C16 11.2091 14.2091 13 12 13C9.79086 13 8 11.2091 8 9C8 6.79086 9.79086 5 12 5C14.2091 5 16 6.79086 16 9Z" stroke="hsl(186,100%,33%)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

some-linkedin

CSS

@import "@dataforsyningen/icons/css/some-linkedin.css";

Brug i HTML:

<span class="ds-icon-some-linkedin"></span>

CSS custom property:

--ds-some-linkedin

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="7" y="7" width="10" height="10" fill="white"/>
<path d="M16.9177 5H7.13619C5.95566 5 5 5.952 5 7.128V16.816C5 18.048 5.95566 19 7.13619 19H16.8615C18.042 19 18.9976 18.048 18.9976 16.872V7.128C19.0539 5.952 18.0982 5 16.9177 5ZM9.94696 16.032H8.26049V10.656H9.94696V16.032ZM9.10373 9.928C8.59779 9.928 8.14806 9.48 8.14806 8.92C8.14806 8.36 8.59779 7.968 9.10373 7.968C9.66588 7.968 10.0594 8.416 10.0594 8.92C10.1156 9.48 9.66588 9.928 9.10373 9.928ZM16.2431 16.032H14.5566V13.4C14.5566 12.784 14.5566 11.944 13.6572 11.944C12.7577 11.944 12.6453 12.616 12.6453 13.344V16.032H10.9588V10.656H12.5891V11.384C12.8139 10.936 13.3761 10.488 14.1631 10.488C15.8496 10.488 16.1869 11.608 16.1869 13.064V16.032H16.2431Z" fill="#0977B4"/>
</svg>

some-trello

CSS

@import "@dataforsyningen/icons/css/some-trello.css";

Brug i HTML:

<span class="ds-icon-some-trello"></span>

CSS custom property:

--ds-some-trello

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.9177 5H7.13619C5.95566 5 5 5.952 5 7.128V16.816C5 18.048 5.95566 19 7.13619 19H16.8615C18.042 19 18.9976 18.048 18.9976 16.872V7.128C19.0539 5.952 18.0982 5 16.9177 5Z" fill="#018FE3"/>
<path d="M16.5239 6.81982H13.5664C13.204 6.81982 12.9102 7.11364 12.9102 7.47607V12.2886C12.9102 12.651 13.204 12.9448 13.5664 12.9448H16.5239C16.8863 12.9448 17.1802 12.651 17.1802 12.2886V7.47607C17.1802 7.11364 16.8863 6.81982 16.5239 6.81982Z" fill="white"/>
<path d="M10.4331 6.82007H7.47559C7.11315 6.82007 6.81934 7.11388 6.81934 7.47632V15.7888C6.81934 16.1513 7.11315 16.4451 7.47559 16.4451H10.4331C10.7955 16.4451 11.0893 16.1513 11.0893 15.7888V7.47632C11.0893 7.11388 10.7955 6.82007 10.4331 6.82007Z" fill="white"/>
</svg>

some-twitter

CSS

@import "@dataforsyningen/icons/css/some-twitter.css";

Brug i HTML:

<span class="ds-icon-some-twitter"></span>

CSS custom property:

--ds-some-twitter

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.02003 19C15.0617 19 18.3653 13.9974 18.3653 9.66181C18.3653 9.51887 18.3653 9.37594 18.3585 9.23982C18.9987 8.77699 19.5573 8.19846 20 7.53825C19.4142 7.79688 18.7808 7.97385 18.1133 8.05552C18.7944 7.64715 19.3121 7.00736 19.5573 6.23825C18.9238 6.61259 18.2222 6.88484 17.473 7.03458C16.8736 6.39479 16.0222 6.00003 15.0754 6.00003C13.2635 6.00003 11.7923 7.47018 11.7923 9.28065C11.7923 9.53929 11.8195 9.79113 11.8808 10.0293C9.14945 9.89322 6.7314 8.58641 5.11028 6.59898C4.83101 7.08222 4.66754 7.64715 4.66754 8.2461C4.66754 9.38275 5.24651 10.3901 6.13199 10.9754C5.59389 10.9618 5.08985 10.8121 4.6471 10.567C4.6471 10.5807 4.6471 10.5943 4.6471 10.6079C4.6471 12.2005 5.7778 13.521 7.28312 13.8273C7.01066 13.9021 6.71777 13.943 6.41807 13.943C6.20692 13.943 6.00257 13.9225 5.79823 13.8817C6.21373 15.1885 7.42616 16.1346 8.86337 16.1618C7.73948 17.0398 6.32271 17.5639 4.78333 17.5639C4.51769 17.5639 4.25885 17.5503 4.00002 17.5163C5.43723 18.4555 7.16733 19 9.02003 19Z" fill="#1DA1F2"/>
</svg>

some-youtube

CSS

@import "@dataforsyningen/icons/css/some-youtube.css";

Brug i HTML:

<span class="ds-icon-some-youtube"></span>

CSS custom property:

--ds-some-youtube

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="8" y="9" width="8" height="6" fill="white"/>
<path d="M18.7057 8.56452C18.5466 7.95161 18.0693 7.46774 17.4648 7.29839C16.375 7 12 7 12 7C12 7 7.625 7 6.52727 7.29839C5.92273 7.45968 5.45341 7.94355 5.28636 8.56452C5 9.67742 5 12 5 12C5 12 5 14.3226 5.29432 15.4355C5.45341 16.0484 5.93068 16.5323 6.53523 16.7016C7.625 17 12 17 12 17C12 17 16.375 17 17.4727 16.7016C18.0773 16.5403 18.5466 16.0565 18.7136 15.4355C19 14.3226 19 12 19 12C19 12 19 9.67742 18.7057 8.56452ZM10.4444 14.5V9.5L14.7222 12L10.4444 14.5Z" fill="#FF0000"/>
</svg>

logo-big-graa

CSS

@import "@dataforsyningen/icons/css/logo-big-graa.css";

Brug i HTML:

<span class="ds-icon-logo-big-graa"></span>

CSS custom property:

--ds-logo-big-graa

SVG

<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.0945 6.18182C46.0945 4.95917 45.7319 3.76398 45.0527 2.74739C44.3734 1.73079 43.4079 0.938453 42.2783 0.470566C41.1488 0.00267848 39.9058 -0.119742 38.7066 0.118785C37.5075 0.357311 36.406 0.946073 35.5415 1.81062C34.6769 2.67516 34.0881 3.77665 33.8496 4.97581C33.6111 6.17496 33.7335 7.41792 34.2014 8.5475C34.6693 9.67708 35.4616 10.6425 36.4782 11.3218C37.4948 12.0011 38.69 12.3636 39.9127 12.3636C41.5522 12.3636 43.1245 11.7123 44.2839 10.553C45.4432 9.39371 46.0945 7.82134 46.0945 6.18182Z" fill="#1D1D1B"/>
<path d="M39.9127 80C38.69 80 37.4948 79.6374 36.4782 78.9582C35.4616 78.2789 34.6693 77.3134 34.2014 76.1838C33.7335 75.0543 33.6111 73.8113 33.8496 72.6122C34.0881 71.413 34.6769 70.3115 35.5415 69.447C36.406 68.5824 37.5075 67.9937 38.7066 67.7551C39.9058 67.5166 41.1488 67.639 42.2783 68.1069C43.4079 68.5748 44.3734 69.3671 45.0527 70.3837C45.7319 71.4003 46.0945 72.5955 46.0945 73.8182C46.0945 75.4577 45.4432 77.0301 44.2839 78.1894C43.1245 79.3487 41.5522 80 39.9127 80Z" fill="#B2B2B2"/>
<path d="M73.8182 46.0073C72.5955 46.0073 71.4003 45.6448 70.3837 44.9655C69.3671 44.2862 68.5748 43.3208 68.1069 42.1912C67.639 41.0616 67.5166 39.8186 67.7551 38.6195C67.9937 37.4203 68.5824 36.3188 69.447 35.4543C70.3115 34.5897 71.413 34.001 72.6122 33.7625C73.8113 33.5239 75.0543 33.6464 76.1838 34.1142C77.3134 34.5821 78.2789 35.3745 78.9582 36.3911C79.6374 37.4077 80 38.6028 80 39.8255C80 41.465 79.3487 43.0374 78.1894 44.1967C77.0301 45.356 75.4577 46.0073 73.8182 46.0073Z" fill="#70706F"/>
<path d="M6.18182 46.0073C4.95917 46.0073 3.76398 45.6448 2.74739 44.9655C1.73079 44.2862 0.938453 43.3208 0.470566 42.1912C0.00267848 41.0616 -0.119742 39.8186 0.118785 38.6195C0.357311 37.4203 0.946073 36.3188 1.81062 35.4543C2.67516 34.5897 3.77665 34.001 4.97581 33.7625C6.17496 33.5239 7.41792 33.6464 8.5475 34.1142C9.67708 34.5821 10.6425 35.3745 11.3218 36.3911C12.0011 37.4077 12.3636 38.6028 12.3636 39.8255C12.3636 41.465 11.7123 43.0374 10.553 44.1967C9.39371 45.356 7.82134 46.0073 6.18182 46.0073Z" fill="#D0D0D0"/>
<path d="M63.8255 22.1819C62.3912 22.1868 60.9997 21.694 59.8882 20.7875C58.7767 19.8811 58.014 18.6171 57.7303 17.2111C57.4466 15.8052 57.6595 14.3444 58.3325 13.0779C59.0056 11.8113 60.0971 10.8175 61.4211 10.2658C62.745 9.71419 64.2193 9.63891 65.5926 10.0528C66.9658 10.4668 68.1529 11.3443 68.9515 12.5357C69.75 13.7271 70.1105 15.1586 69.9715 16.5861C69.8325 18.0137 69.2025 19.3487 68.1891 20.3637C67.0329 21.5239 65.4635 22.1779 63.8255 22.1819Z" fill="#4A4A49"/>
<path d="M16 70.0073C14.5658 70.0122 13.1742 69.5194 12.0627 68.613C10.9512 67.7065 10.1886 66.4425 9.9049 65.0366C9.62121 63.6307 9.83403 62.1698 10.5071 60.9033C11.1801 59.6367 12.2717 58.6429 13.5956 58.0913C14.9196 57.5396 16.3939 57.4644 17.7671 57.8783C19.1404 58.2922 20.3275 59.1697 21.126 60.3611C21.9246 61.5525 22.2851 62.9841 22.146 64.4116C22.007 65.8391 21.3771 67.1742 20.3637 68.1891C19.2075 69.3494 17.638 70.0033 16 70.0073Z" fill="#C6C6C6"/>
<path d="M64.1018 69.9055C62.6712 69.9056 61.2848 69.4096 60.179 68.5018C59.0732 67.5941 58.3165 66.331 58.0378 64.9277C57.7592 63.5245 57.9759 62.068 58.651 60.8067C59.326 59.5453 60.4177 58.5571 61.7399 58.0107C63.062 57.4642 64.5328 57.3932 65.9014 57.8098C67.2701 58.2264 68.4519 59.1048 69.2453 60.2953C70.0387 61.4858 70.3947 62.9146 70.2525 64.3381C70.1103 65.7617 69.4787 67.0919 68.4655 68.1019C67.8922 68.6744 67.2118 69.1284 66.4631 69.4378C65.7144 69.7473 64.912 69.9062 64.1018 69.9055Z" fill="#939292"/>
<path d="M16.2763 22.0799C14.8456 22.0801 13.4592 21.584 12.3534 20.6763C11.2476 19.7686 10.4909 18.5054 10.2123 17.1021C9.93362 15.6989 10.1503 14.2424 10.8254 12.9811C11.5005 11.7197 12.5922 10.7316 13.9143 10.1851C15.2365 9.63861 16.7072 9.56762 18.0759 9.98423C19.4445 10.4008 20.6263 11.2793 21.4197 12.4697C22.2131 13.6602 22.5691 15.089 22.4269 16.5126C22.2847 17.9361 21.6532 19.2663 20.6399 20.2763C20.0667 20.8488 19.3863 21.3028 18.6375 21.6123C17.8888 21.9217 17.0864 22.0807 16.2763 22.0799Z" fill="#DADADA"/>
<path d="M40.0001 33.1927C39.7124 33.1927 39.4312 33.1074 39.192 32.9476C38.9528 32.7877 38.7663 32.5606 38.6562 32.2948C38.5461 32.029 38.5173 31.7365 38.5735 31.4544C38.6296 31.1722 38.7681 30.913 38.9715 30.7096C39.175 30.5062 39.4341 30.3677 39.7163 30.3115C39.9984 30.2554 40.2909 30.2842 40.5567 30.3943C40.8225 30.5044 41.0496 30.6908 41.2095 30.93C41.3693 31.1692 41.4546 31.4505 41.4546 31.7381C41.4546 32.1239 41.3014 32.4939 41.0286 32.7667C40.7558 33.0394 40.3858 33.1927 40.0001 33.1927ZM50.7928 34.9091C50.4291 32.3345 48.3346 31.2145 45.7019 31.2145C44.4829 31.1938 43.2764 31.463 42.1819 32C42.2674 31.4288 42.1291 30.8467 41.7957 30.3751C41.4624 29.9035 40.9597 29.5789 40.3928 29.4691V28.0145C40.3928 27.8949 40.3453 27.7802 40.2607 27.6957C40.1762 27.6111 40.0615 27.5636 39.9419 27.5636C39.8223 27.5636 39.7076 27.6111 39.623 27.6957C39.5385 27.7802 39.491 27.8949 39.491 28.0145V29.4691C38.9472 29.6072 38.4746 29.9431 38.1652 30.4111C37.8559 30.8791 37.7322 31.4456 37.8182 32C36.7515 31.4514 35.5704 31.1624 34.371 31.1563C31.7382 31.1563 29.6437 32.2763 29.2655 34.8509C28.7165 34.8405 28.1719 34.9518 27.6709 35.1766C27.1699 35.4014 26.7248 35.7343 26.3676 36.1513C26.0103 36.5684 25.7497 37.0592 25.6045 37.5888C25.4592 38.1184 25.4328 38.6736 25.5273 39.2145C25.6291 41.1781 28.1019 44.3636 29.6582 46.1672H30.851C28.9601 44.0581 26.4873 40.8145 26.4873 39.1709C26.4279 38.7204 26.4604 38.2626 26.5829 37.8251C26.7054 37.3876 26.9153 36.9795 27.2001 36.6254C27.7293 36.1646 28.3917 35.8844 29.091 35.8254C29.0691 36.0819 29.0691 36.3398 29.091 36.5963C29.3306 37.979 29.8237 39.3056 30.5455 40.5091C31.6756 42.511 32.9595 44.4222 34.3855 46.2254H35.5346C35.5346 46.2254 30.3419 39.84 30.0219 36.5381C30.0219 36.5381 29.2219 32.1745 34.2837 32.1745C36.2686 32.2388 38.1489 33.0798 39.5201 34.5163V46.2691H40.4219V34.4727C41.7975 33.034 43.6832 32.193 45.6728 32.1309C50.7201 32.1309 49.9346 36.4945 49.9346 36.4945C49.6001 39.7963 44.4219 46.1818 44.4219 46.1818H45.5564C47.0006 44.3946 48.3039 42.498 49.4546 40.5091C50.1764 39.3056 50.6695 37.979 50.9091 36.5963C50.9234 36.3396 50.9234 36.0822 50.9091 35.8254C51.332 35.8246 51.7495 35.9199 52.1302 36.104C52.5108 36.2881 52.8447 36.5563 53.1066 36.8882C53.3686 37.2202 53.5517 37.6073 53.6422 38.0204C53.7327 38.4334 53.7283 38.8616 53.6291 39.2727C53.6291 40.9163 51.0982 44.16 49.2655 46.2691H50.4728C52.0146 44.4654 54.5019 41.28 54.6037 39.3163C54.6957 38.7745 54.6672 38.2191 54.5201 37.6896C54.3729 37.1601 54.1109 36.6695 53.7525 36.2528C53.3942 35.8361 52.9484 35.5036 52.4469 35.2789C51.9453 35.0542 51.4004 34.9428 50.851 34.9527L50.7928 34.9091Z" fill="#1F1F1F"/>
<path d="M39.9999 25.76C40.1194 25.76 40.2341 25.7125 40.3187 25.628C40.4033 25.5434 40.4508 25.4287 40.4508 25.3091V23.4909C40.4508 23.3714 40.4033 23.2567 40.3187 23.1721C40.2341 23.0875 40.1194 23.04 39.9999 23.04C39.8803 23.04 39.7656 23.0875 39.681 23.1721C39.5965 23.2567 39.549 23.3714 39.549 23.4909V25.3091C39.549 25.4287 39.5965 25.5434 39.681 25.628C39.7656 25.7125 39.8803 25.76 39.9999 25.76Z" fill="#1F1F1F"/>
<path d="M36.8146 27.1273H38.6327C38.6932 27.1292 38.7534 27.119 38.8098 27.0972C38.8662 27.0754 38.9176 27.0425 38.961 27.0005C39.0044 26.9584 39.039 26.908 39.0625 26.8523C39.0861 26.7967 39.0982 26.7368 39.0982 26.6764C39.0982 26.6159 39.0861 26.5561 39.0625 26.5004C39.039 26.4447 39.0044 26.3943 38.961 26.3523C38.9176 26.3102 38.8662 26.2773 38.8098 26.2555C38.7534 26.2337 38.6932 26.2235 38.6327 26.2255H36.8146C36.695 26.2255 36.5803 26.273 36.4957 26.3575C36.4112 26.4421 36.3636 26.5568 36.3636 26.6764C36.3636 26.796 36.4112 26.9106 36.4957 26.9952C36.5803 27.0798 36.695 27.1273 36.8146 27.1273Z" fill="#1F1F1F"/>
<path d="M41.3673 27.1273H43.1855C43.3051 27.1273 43.4197 27.0798 43.5043 26.9952C43.5889 26.9106 43.6364 26.796 43.6364 26.6764C43.6364 26.5568 43.5889 26.4421 43.5043 26.3575C43.4197 26.273 43.3051 26.2255 43.1855 26.2255H41.3673C41.2477 26.2255 41.133 26.273 41.0485 26.3575C40.9639 26.4421 40.9164 26.5568 40.9164 26.6764C40.9164 26.796 40.9639 26.9106 41.0485 26.9952C41.133 27.0798 41.2477 27.1273 41.3673 27.1273Z" fill="#1F1F1F"/>
<path d="M29.5419 50.3127H50.4582V49.4109H29.5419V50.3127Z" fill="#1F1F1F"/>
<path d="M29.5419 52.1308H50.4582V51.229H29.5419V52.1308Z" fill="#1F1F1F"/>
<path d="M29.5419 47.5927V48.0436V48.4945H50.4582V48.0436V47.5927H29.5419Z" fill="#1F1F1F"/>
</svg>

logo-big-hvid

CSS

@import "@dataforsyningen/icons/css/logo-big-hvid.css";

Brug i HTML:

<span class="ds-icon-logo-big-hvid"></span>

CSS custom property:

--ds-logo-big-hvid

SVG

<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.9999 33.1927C39.7122 33.1927 39.431 33.1074 39.1918 32.9476C38.9526 32.7877 38.7662 32.5606 38.6561 32.2948C38.546 32.029 38.5172 31.7365 38.5733 31.4544C38.6294 31.1722 38.768 30.913 38.9714 30.7096C39.1748 30.5062 39.434 30.3677 39.7161 30.3115C39.9983 30.2554 40.2908 30.2842 40.5565 30.3943C40.8223 30.5044 41.0495 30.6908 41.2093 30.93C41.3692 31.1692 41.4545 31.4505 41.4545 31.7381C41.4545 32.1239 41.3012 32.4939 41.0284 32.7667C40.7557 33.0394 40.3857 33.1927 39.9999 33.1927ZM50.7926 34.9091C50.4145 32.3345 48.3199 31.2145 45.6872 31.2145C44.4728 31.1933 43.2709 31.4626 42.1817 32C42.2636 31.4293 42.1238 30.849 41.7911 30.3783C41.4583 29.9076 40.9579 29.5822 40.3926 29.4691V28.0145C40.3926 27.8949 40.3451 27.7802 40.2606 27.6957C40.176 27.6111 40.0613 27.5636 39.9417 27.5636C39.8221 27.5636 39.7075 27.6111 39.6229 27.6957C39.5383 27.7802 39.4908 27.8949 39.4908 28.0145V29.4691C38.9454 29.6042 38.4706 29.9394 38.1608 30.4082C37.8509 30.877 37.7286 31.4452 37.8181 32C36.7461 31.4518 35.5603 31.1628 34.3563 31.1563C31.7235 31.1563 29.629 32.2763 29.2654 34.8509C28.7159 34.841 28.171 34.9523 27.6695 35.1771C27.1679 35.4018 26.7221 35.7343 26.3638 36.151C26.0054 36.5677 25.7434 37.0582 25.5963 37.5878C25.4492 38.1173 25.4206 38.6727 25.5126 39.2145C25.6145 41.1781 28.1017 44.3636 29.6435 46.1672H30.8508C28.9599 44.0581 26.4872 40.8145 26.4872 39.1709C26.4242 38.7204 26.4551 38.2617 26.5777 37.8237C26.7004 37.3857 26.9122 36.9777 27.1999 36.6254C27.76 36.114 28.4791 35.8109 29.2363 35.7672C29.222 36.024 29.222 36.2814 29.2363 36.5381C29.4759 37.9209 29.9691 39.2474 30.6908 40.4509C31.8209 42.4529 33.1048 44.3641 34.5308 46.1672H35.6654C35.6654 46.1672 30.4872 39.7818 30.1526 36.48C30.1526 36.48 29.3672 32.1163 34.4145 32.1163C36.4041 32.1784 38.2897 33.0194 39.6654 34.4581V46.2109H40.5672V34.4727C41.9356 33.0322 43.8176 32.1905 45.8035 32.1309C50.8654 32.1309 50.0654 36.4945 50.0654 36.4945C49.7454 39.7963 44.5526 46.1818 44.5526 46.1818H45.7017C47.1042 44.3956 48.3592 42.4985 49.4545 40.5091C50.1812 39.3079 50.6746 37.9805 50.909 36.5963C50.9309 36.3398 50.9309 36.0819 50.909 35.8254C51.6713 35.8658 52.396 36.1691 52.9599 36.6836C53.2427 37.0464 53.448 37.4634 53.5631 37.9087C53.6782 38.3541 53.7006 38.8183 53.629 39.2727C53.5417 40.9163 51.0981 44.16 49.2654 46.2691H50.4581C52.0145 44.4654 54.4872 41.28 54.589 39.3163C54.6835 38.7754 54.6571 38.2202 54.5119 37.6906C54.3666 37.1611 54.106 36.6702 53.7488 36.2531C53.3915 35.8361 52.9464 35.5032 52.4454 35.2784C51.9444 35.0536 51.3999 34.9424 50.8508 34.9527L50.7926 34.9091Z" fill="white"/>
<path d="M39.9999 25.76C40.1194 25.76 40.2341 25.7125 40.3187 25.628C40.4033 25.5434 40.4508 25.4287 40.4508 25.3091V23.4909C40.4508 23.3714 40.4033 23.2567 40.3187 23.1721C40.2341 23.0875 40.1194 23.04 39.9999 23.04C39.8803 23.04 39.7656 23.0875 39.681 23.1721C39.5965 23.2567 39.549 23.3714 39.549 23.4909V25.3091C39.549 25.4287 39.5965 25.5434 39.681 25.628C39.7656 25.7125 39.8803 25.76 39.9999 25.76Z" fill="white"/>
<path d="M36.8146 27.1273H38.6327C38.7523 27.1273 38.867 27.0798 38.9516 26.9952C39.0361 26.9106 39.0836 26.796 39.0836 26.6764C39.0836 26.5568 39.0361 26.4421 38.9516 26.3575C38.867 26.273 38.7523 26.2255 38.6327 26.2255H36.8146C36.695 26.2255 36.5803 26.273 36.4957 26.3575C36.4112 26.4421 36.3636 26.5568 36.3636 26.6764C36.3636 26.796 36.4112 26.9106 36.4957 26.9952C36.5803 27.0798 36.695 27.1273 36.8146 27.1273Z" fill="white"/>
<path d="M41.3528 27.1273H43.1855C43.3051 27.1273 43.4198 27.0798 43.5043 26.9952C43.5889 26.9106 43.6364 26.796 43.6364 26.6764C43.6364 26.5568 43.5889 26.4421 43.5043 26.3575C43.4198 26.273 43.3051 26.2255 43.1855 26.2255H41.3528C41.2332 26.2255 41.1185 26.273 41.0339 26.3575C40.9494 26.4421 40.9019 26.5568 40.9019 26.6764C40.9019 26.796 40.9494 26.9106 41.0339 26.9952C41.1185 27.0798 41.2332 27.1273 41.3528 27.1273Z" fill="white"/>
<path d="M29.5419 50.3127H50.4582V49.4109H29.5419V50.3127Z" fill="white"/>
<path d="M29.5419 52.1309H50.4582V51.2291H29.5419V52.1309Z" fill="white"/>
<path d="M29.5419 47.5927V48.0436V48.4945H50.4582V48.0436V47.5927H29.5419Z" fill="white"/>
<path d="M46.0945 6.18182C46.0945 4.95917 45.7319 3.76398 45.0527 2.74739C44.3734 1.73079 43.4079 0.938453 42.2783 0.470566C41.1488 0.00267848 39.9058 -0.119742 38.7066 0.118785C37.5075 0.357311 36.406 0.946073 35.5415 1.81062C34.6769 2.67516 34.0881 3.77665 33.8496 4.97581C33.6111 6.17496 33.7335 7.41792 34.2014 8.5475C34.6693 9.67708 35.4616 10.6425 36.4782 11.3218C37.4948 12.0011 38.69 12.3636 39.9127 12.3636C41.5522 12.3636 43.1245 11.7123 44.2839 10.553C45.4432 9.39371 46.0945 7.82134 46.0945 6.18182Z" fill="white"/>
<path d="M46.0945 73.8182C46.0945 72.5955 45.7319 71.4003 45.0527 70.3837C44.3734 69.3671 43.4079 68.5748 42.2783 68.1069C41.1488 67.639 39.9058 67.5166 38.7066 67.7551C37.5075 67.9937 36.406 68.5824 35.5415 69.447C34.6769 70.3115 34.0881 71.413 33.8496 72.6122C33.6111 73.8113 33.7335 75.0543 34.2014 76.1838C34.6693 77.3134 35.4616 78.2789 36.4782 78.9582C37.4948 79.6374 38.69 80 39.9127 80C41.5522 80 43.1245 79.3487 44.2839 78.1894C45.4432 77.0301 46.0945 75.4577 46.0945 73.8182Z" fill="white"/>
<path d="M73.8182 46.0073C75.0408 46.0073 76.236 45.6447 77.2526 44.9654C78.2692 44.2862 79.0615 43.3207 79.5294 42.1911C79.9973 41.0615 80.1197 39.8186 79.8812 38.6194C79.6427 37.4203 79.0539 36.3188 78.1894 35.4542C77.3248 34.5897 76.2233 34.0009 75.0242 33.7624C73.825 33.5239 72.5821 33.6463 71.4525 34.1142C70.3229 34.5821 69.3574 35.3744 68.6782 36.391C67.9989 37.4076 67.6364 38.6028 67.6364 39.8254C67.6364 41.465 68.2876 43.0373 69.447 44.1966C70.6063 45.356 72.1786 46.0073 73.8182 46.0073Z" fill="white"/>
<path d="M6.18182 46.0073C7.40447 46.0073 8.59966 45.6447 9.61625 44.9654C10.6328 44.2862 11.4252 43.3207 11.8931 42.1911C12.361 41.0615 12.4834 39.8186 12.2449 38.6194C12.0063 37.4203 11.4176 36.3188 10.553 35.4542C9.68848 34.5897 8.58699 34.0009 7.38783 33.7624C6.18868 33.5239 4.94572 33.6463 3.81614 34.1142C2.68656 34.5821 1.72109 35.3744 1.04182 36.391C0.362557 37.4076 0 38.6028 0 39.8254C0 41.465 0.651297 43.0373 1.81061 44.1966C2.96993 45.356 4.5423 46.0073 6.18182 46.0073Z" fill="white"/>
<path d="M68.1891 20.3637C69.0558 19.5 69.6467 18.3985 69.887 17.1988C70.1272 15.9991 70.0061 14.755 69.5388 13.6242C69.0715 12.4934 68.2792 11.5266 67.2622 10.8464C66.2451 10.1662 65.0491 9.8031 63.8255 9.8031C62.6019 9.8031 61.4059 10.1662 60.3888 10.8464C59.3718 11.5266 58.5795 12.4934 58.1122 13.6242C57.6449 14.755 57.5238 15.9991 57.764 17.1988C58.0043 18.3985 58.5952 19.5 59.4619 20.3637C60.6206 21.5184 62.1897 22.1667 63.8255 22.1667C65.4613 22.1667 67.0304 21.5184 68.1891 20.3637Z" fill="white"/>
<path d="M20.3637 68.1891C21.2304 67.3254 21.8213 66.224 22.0615 65.0242C22.3018 63.8245 22.1806 62.5804 21.7134 61.4496C21.2461 60.3188 20.4538 59.3521 19.4367 58.6718C18.4197 57.9916 17.2236 57.6285 16.0001 57.6285C14.7765 57.6285 13.5805 57.9916 12.5634 58.6718C11.5463 59.3521 10.754 60.3188 10.2868 61.4496C9.8195 62.5804 9.69833 63.8245 9.93859 65.0242C10.1789 66.224 10.7697 67.3254 11.6364 68.1891C12.7951 69.3438 14.3642 69.9922 16.0001 69.9922C17.6359 69.9922 19.205 69.3438 20.3637 68.1891Z" fill="white"/>
<path d="M59.7237 68.1019C60.5874 68.9685 61.6888 69.5594 62.8886 69.7997C64.0883 70.0399 65.3324 69.9188 66.4632 69.4515C67.594 68.9843 68.5608 68.1919 69.241 67.1749C69.9212 66.1578 70.2843 64.9618 70.2843 63.7382C70.2843 62.5147 69.9212 61.3186 69.241 60.3016C68.5608 59.2845 67.594 58.4922 66.4632 58.0249C65.3324 57.5577 64.0883 57.4365 62.8886 57.6768C61.6888 57.917 60.5874 58.5079 59.7237 59.3746C58.569 60.5333 57.9207 62.1024 57.9207 63.7382C57.9207 65.374 58.569 66.9432 59.7237 68.1019Z" fill="white"/>
<path d="M11.8983 20.2764C12.762 21.1431 13.8634 21.734 15.0632 21.9742C16.2629 22.2145 17.5069 22.0933 18.6378 21.6261C19.7686 21.1588 20.7353 20.3665 21.4155 19.3494C22.0958 18.3324 22.4588 17.1363 22.4588 15.9128C22.4588 14.6892 22.0958 13.4932 21.4155 12.4761C20.7353 11.4591 19.7686 10.6667 18.6378 10.1995C17.5069 9.73222 16.2629 9.61105 15.0632 9.85131C13.8634 10.0916 12.762 10.6825 11.8983 11.5491C10.7436 12.7078 10.0952 14.277 10.0952 15.9128C10.0952 17.5486 10.7436 19.1177 11.8983 20.2764Z" fill="white"/>
</svg>

logo-big-sort

CSS

@import "@dataforsyningen/icons/css/logo-big-sort.css";

Brug i HTML:

<span class="ds-icon-logo-big-sort"></span>

CSS custom property:

--ds-logo-big-sort

SVG

<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.9999 33.1927C39.7122 33.1927 39.431 33.1074 39.1918 32.9476C38.9526 32.7877 38.7662 32.5606 38.6561 32.2948C38.546 32.029 38.5172 31.7365 38.5733 31.4544C38.6294 31.1722 38.768 30.913 38.9714 30.7096C39.1748 30.5062 39.434 30.3677 39.7161 30.3115C39.9983 30.2554 40.2908 30.2842 40.5565 30.3943C40.8223 30.5044 41.0495 30.6908 41.2093 30.93C41.3692 31.1692 41.4545 31.4505 41.4545 31.7381C41.4545 32.1239 41.3012 32.4939 41.0284 32.7667C40.7557 33.0394 40.3857 33.1927 39.9999 33.1927ZM50.7926 34.9091C50.4145 32.3345 48.3199 31.2145 45.6872 31.2145C44.4728 31.1933 43.2709 31.4626 42.1817 32C42.2636 31.4293 42.1238 30.849 41.7911 30.3783C41.4583 29.9076 40.9579 29.5822 40.3926 29.4691V28.0145C40.3926 27.8949 40.3451 27.7802 40.2606 27.6957C40.176 27.6111 40.0613 27.5636 39.9417 27.5636C39.8221 27.5636 39.7075 27.6111 39.6229 27.6957C39.5383 27.7802 39.4908 27.8949 39.4908 28.0145V29.4691C38.9454 29.6042 38.4706 29.9394 38.1608 30.4082C37.8509 30.877 37.7286 31.4452 37.8181 32C36.7461 31.4518 35.5603 31.1628 34.3563 31.1563C31.7235 31.1563 29.629 32.2763 29.2654 34.8509C28.7159 34.841 28.171 34.9523 27.6695 35.1771C27.1679 35.4018 26.7221 35.7343 26.3638 36.151C26.0054 36.5677 25.7434 37.0582 25.5963 37.5878C25.4492 38.1173 25.4206 38.6727 25.5126 39.2145C25.6145 41.1781 28.1017 44.3636 29.6435 46.1672H30.8508C28.9599 44.0581 26.4872 40.8145 26.4872 39.1709C26.4242 38.7204 26.4551 38.2617 26.5777 37.8237C26.7004 37.3857 26.9122 36.9777 27.1999 36.6254C27.76 36.114 28.4791 35.8109 29.2363 35.7672C29.222 36.024 29.222 36.2814 29.2363 36.5381C29.4759 37.9209 29.9691 39.2474 30.6908 40.4509C31.8209 42.4529 33.1048 44.3641 34.5308 46.1672H35.6654C35.6654 46.1672 30.4872 39.7818 30.1526 36.48C30.1526 36.48 29.3672 32.1163 34.4145 32.1163C36.4041 32.1784 38.2897 33.0194 39.6654 34.4581V46.2109H40.5672V34.4727C41.9356 33.0322 43.8176 32.1905 45.8035 32.1309C50.8654 32.1309 50.0654 36.4945 50.0654 36.4945C49.7454 39.7963 44.5526 46.1818 44.5526 46.1818H45.7017C47.1042 44.3956 48.3592 42.4985 49.4545 40.5091C50.1812 39.3079 50.6746 37.9805 50.909 36.5963C50.9309 36.3398 50.9309 36.0819 50.909 35.8254C51.6713 35.8658 52.396 36.1691 52.9599 36.6836C53.2427 37.0464 53.448 37.4634 53.5631 37.9087C53.6782 38.3541 53.7006 38.8183 53.629 39.2727C53.5417 40.9163 51.0981 44.16 49.2654 46.2691H50.4581C52.0145 44.4654 54.4872 41.28 54.589 39.3163C54.6835 38.7754 54.6571 38.2202 54.5119 37.6906C54.3666 37.1611 54.106 36.6702 53.7488 36.2531C53.3915 35.8361 52.9464 35.5032 52.4454 35.2784C51.9444 35.0536 51.3999 34.9424 50.8508 34.9527L50.7926 34.9091Z" fill="black"/>
<path d="M39.9999 25.76C40.1194 25.76 40.2341 25.7125 40.3187 25.628C40.4033 25.5434 40.4508 25.4287 40.4508 25.3091V23.4909C40.4508 23.3714 40.4033 23.2567 40.3187 23.1721C40.2341 23.0875 40.1194 23.04 39.9999 23.04C39.8803 23.04 39.7656 23.0875 39.681 23.1721C39.5965 23.2567 39.549 23.3714 39.549 23.4909V25.3091C39.549 25.4287 39.5965 25.5434 39.681 25.628C39.7656 25.7125 39.8803 25.76 39.9999 25.76Z" fill="black"/>
<path d="M36.8146 27.1273H38.6327C38.7523 27.1273 38.867 27.0798 38.9516 26.9952C39.0361 26.9106 39.0836 26.796 39.0836 26.6764C39.0836 26.5568 39.0361 26.4421 38.9516 26.3575C38.867 26.273 38.7523 26.2255 38.6327 26.2255H36.8146C36.695 26.2255 36.5803 26.273 36.4957 26.3575C36.4112 26.4421 36.3636 26.5568 36.3636 26.6764C36.3636 26.796 36.4112 26.9106 36.4957 26.9952C36.5803 27.0798 36.695 27.1273 36.8146 27.1273Z" fill="black"/>
<path d="M41.3528 27.1273H43.1855C43.3051 27.1273 43.4198 27.0798 43.5043 26.9952C43.5889 26.9106 43.6364 26.796 43.6364 26.6764C43.6364 26.5568 43.5889 26.4421 43.5043 26.3575C43.4198 26.273 43.3051 26.2255 43.1855 26.2255H41.3528C41.2332 26.2255 41.1185 26.273 41.0339 26.3575C40.9494 26.4421 40.9019 26.5568 40.9019 26.6764C40.9019 26.796 40.9494 26.9106 41.0339 26.9952C41.1185 27.0798 41.2332 27.1273 41.3528 27.1273Z" fill="black"/>
<path d="M29.5419 50.3127H50.4582V49.4109H29.5419V50.3127Z" fill="black"/>
<path d="M29.5419 52.1309H50.4582V51.2291H29.5419V52.1309Z" fill="black"/>
<path d="M29.5419 47.5927V48.0436V48.4945H50.4582V48.0436V47.5927H29.5419Z" fill="black"/>
<path d="M46.0945 6.18182C46.0945 4.95917 45.7319 3.76398 45.0527 2.74739C44.3734 1.73079 43.4079 0.938453 42.2783 0.470566C41.1488 0.00267848 39.9058 -0.119742 38.7066 0.118785C37.5075 0.357311 36.406 0.946073 35.5415 1.81062C34.6769 2.67516 34.0881 3.77665 33.8496 4.97581C33.6111 6.17496 33.7335 7.41792 34.2014 8.5475C34.6693 9.67708 35.4616 10.6425 36.4782 11.3218C37.4948 12.0011 38.69 12.3636 39.9127 12.3636C41.5522 12.3636 43.1245 11.7123 44.2839 10.553C45.4432 9.39371 46.0945 7.82134 46.0945 6.18182Z" fill="black"/>
<path d="M46.0945 73.8182C46.0945 72.5955 45.7319 71.4003 45.0527 70.3837C44.3734 69.3671 43.4079 68.5748 42.2783 68.1069C41.1488 67.639 39.9058 67.5166 38.7066 67.7551C37.5075 67.9937 36.406 68.5824 35.5415 69.447C34.6769 70.3115 34.0881 71.413 33.8496 72.6122C33.6111 73.8113 33.7335 75.0543 34.2014 76.1838C34.6693 77.3134 35.4616 78.2789 36.4782 78.9582C37.4948 79.6374 38.69 80 39.9127 80C41.5522 80 43.1245 79.3487 44.2839 78.1894C45.4432 77.0301 46.0945 75.4577 46.0945 73.8182Z" fill="black"/>
<path d="M73.8182 46.0073C75.0408 46.0073 76.236 45.6447 77.2526 44.9654C78.2692 44.2862 79.0615 43.3207 79.5294 42.1911C79.9973 41.0615 80.1197 39.8186 79.8812 38.6194C79.6427 37.4203 79.0539 36.3188 78.1894 35.4542C77.3248 34.5897 76.2233 34.0009 75.0242 33.7624C73.825 33.5239 72.5821 33.6463 71.4525 34.1142C70.3229 34.5821 69.3574 35.3744 68.6782 36.391C67.9989 37.4076 67.6364 38.6028 67.6364 39.8254C67.6364 41.465 68.2876 43.0373 69.447 44.1966C70.6063 45.356 72.1786 46.0073 73.8182 46.0073Z" fill="black"/>
<path d="M6.18182 46.0073C7.40447 46.0073 8.59966 45.6447 9.61625 44.9654C10.6328 44.2862 11.4252 43.3207 11.8931 42.1911C12.361 41.0615 12.4834 39.8186 12.2449 38.6194C12.0063 37.4203 11.4176 36.3188 10.553 35.4542C9.68848 34.5897 8.58699 34.0009 7.38783 33.7624C6.18868 33.5239 4.94572 33.6463 3.81614 34.1142C2.68656 34.5821 1.72109 35.3744 1.04182 36.391C0.362557 37.4076 0 38.6028 0 39.8254C0 41.465 0.651297 43.0373 1.81061 44.1966C2.96993 45.356 4.5423 46.0073 6.18182 46.0073Z" fill="black"/>
<path d="M68.1891 20.3637C69.0558 19.5 69.6467 18.3985 69.887 17.1988C70.1272 15.9991 70.0061 14.755 69.5388 13.6242C69.0715 12.4934 68.2792 11.5266 67.2622 10.8464C66.2451 10.1662 65.0491 9.8031 63.8255 9.8031C62.6019 9.8031 61.4059 10.1662 60.3888 10.8464C59.3718 11.5266 58.5795 12.4934 58.1122 13.6242C57.6449 14.755 57.5238 15.9991 57.764 17.1988C58.0043 18.3985 58.5952 19.5 59.4619 20.3637C60.6206 21.5184 62.1897 22.1667 63.8255 22.1667C65.4613 22.1667 67.0304 21.5184 68.1891 20.3637Z" fill="black"/>
<path d="M20.3637 68.1891C21.2304 67.3254 21.8213 66.224 22.0615 65.0242C22.3018 63.8245 22.1806 62.5804 21.7134 61.4496C21.2461 60.3188 20.4538 59.3521 19.4367 58.6718C18.4197 57.9916 17.2236 57.6285 16.0001 57.6285C14.7765 57.6285 13.5805 57.9916 12.5634 58.6718C11.5463 59.3521 10.754 60.3188 10.2868 61.4496C9.8195 62.5804 9.69833 63.8245 9.93859 65.0242C10.1789 66.224 10.7697 67.3254 11.6364 68.1891C12.7951 69.3438 14.3642 69.9922 16.0001 69.9922C17.6359 69.9922 19.205 69.3438 20.3637 68.1891Z" fill="black"/>
<path d="M59.7237 68.1019C60.5874 68.9685 61.6888 69.5594 62.8886 69.7997C64.0883 70.0399 65.3324 69.9188 66.4632 69.4515C67.594 68.9843 68.5608 68.1919 69.241 67.1749C69.9212 66.1578 70.2843 64.9618 70.2843 63.7382C70.2843 62.5147 69.9212 61.3186 69.241 60.3016C68.5608 59.2845 67.594 58.4922 66.4632 58.0249C65.3324 57.5577 64.0883 57.4365 62.8886 57.6768C61.6888 57.917 60.5874 58.5079 59.7237 59.3746C58.569 60.5333 57.9207 62.1024 57.9207 63.7382C57.9207 65.374 58.569 66.9432 59.7237 68.1019Z" fill="black"/>
<path d="M11.8983 20.2764C12.762 21.1431 13.8634 21.734 15.0632 21.9742C16.2629 22.2145 17.5069 22.0933 18.6378 21.6261C19.7686 21.1588 20.7353 20.3665 21.4155 19.3494C22.0958 18.3324 22.4588 17.1363 22.4588 15.9128C22.4588 14.6892 22.0958 13.4932 21.4155 12.4761C20.7353 11.4591 19.7686 10.6667 18.6378 10.1995C17.5069 9.73222 16.2629 9.61105 15.0632 9.85131C13.8634 10.0916 12.762 10.6825 11.8983 11.5491C10.7436 12.7078 10.0952 14.277 10.0952 15.9128C10.0952 17.5486 10.7436 19.1177 11.8983 20.2764Z" fill="black"/>
</svg>

logo-big-tyrkis-graa

CSS

@import "@dataforsyningen/icons/css/logo-big-tyrkis-graa.css";

Brug i HTML:

<span class="ds-icon-logo-big-tyrkis-graa"></span>

CSS custom property:

--ds-logo-big-tyrkis-graa

SVG

<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.9128 12.3636C43.3269 12.3636 46.0946 9.59594 46.0946 6.18182C46.0946 2.76769 43.3269 0 39.9128 0C36.4987 0 33.731 2.76769 33.731 6.18182C33.731 9.59594 36.4987 12.3636 39.9128 12.3636Z" fill="#0B97A6"/>
<path opacity="0.4" d="M39.9128 80C43.3269 80 46.0946 77.2323 46.0946 73.8182C46.0946 70.404 43.3269 67.6364 39.9128 67.6364C36.4987 67.6364 33.731 70.404 33.731 73.8182C33.731 77.2323 36.4987 80 39.9128 80Z" fill="#0B97A6"/>
<path opacity="0.7" d="M73.8182 46.0073C77.2323 46.0073 80 43.2396 80 39.8255C80 36.4114 77.2323 33.6437 73.8182 33.6437C70.404 33.6437 67.6364 36.4114 67.6364 39.8255C67.6364 43.2396 70.404 46.0073 73.8182 46.0073Z" fill="#0B97A6"/>
<path opacity="0.25" d="M6.18182 46.0073C9.59594 46.0073 12.3636 43.2396 12.3636 39.8255C12.3636 36.4114 9.59594 33.6437 6.18182 33.6437C2.76769 33.6437 0 36.4114 0 39.8255C0 43.2396 2.76769 46.0073 6.18182 46.0073Z" fill="#0B97A6"/>
<path opacity="0.85" d="M68.1891 20.3637C69.0558 19.5 69.6467 18.3985 69.887 17.1988C70.1272 15.9991 70.0061 14.755 69.5388 13.6242C69.0715 12.4934 68.2792 11.5266 67.2622 10.8464C66.2451 10.1662 65.0491 9.8031 63.8255 9.8031C62.6019 9.8031 61.4059 10.1662 60.3888 10.8464C59.3718 11.5266 58.5795 12.4934 58.1122 13.6242C57.6449 14.755 57.5238 15.9991 57.764 17.1988C58.0043 18.3985 58.5952 19.5 59.4619 20.3637C60.6206 21.5184 62.1897 22.1667 63.8255 22.1667C65.4613 22.1667 67.0304 21.5184 68.1891 20.3637Z" fill="#0B97A6"/>
<path opacity="0.3" d="M20.3637 68.1891C21.2304 67.3254 21.8213 66.224 22.0615 65.0242C22.3018 63.8245 22.1806 62.5804 21.7134 61.4496C21.2461 60.3188 20.4538 59.3521 19.4367 58.6718C18.4197 57.9916 17.2236 57.6285 16.0001 57.6285C14.7765 57.6285 13.5805 57.9916 12.5634 58.6718C11.5463 59.3521 10.754 60.3188 10.2868 61.4496C9.8195 62.5804 9.69833 63.8245 9.93859 65.0242C10.1789 66.224 10.7697 67.3254 11.6364 68.1891C12.7951 69.3438 14.3642 69.9922 16.0001 69.9922C17.6359 69.9922 19.205 69.3438 20.3637 68.1891Z" fill="#0B97A6"/>
<path opacity="0.55" d="M59.7236 68.1019C60.5873 68.9685 61.6887 69.5594 62.8885 69.7997C64.0882 70.0399 65.3323 69.9188 66.4631 69.4515C67.5939 68.9843 68.5606 68.1919 69.2409 67.1749C69.9211 66.1578 70.2842 64.9618 70.2842 63.7382C70.2842 62.5147 69.9211 61.3186 69.2409 60.3016C68.5606 59.2845 67.5939 58.4922 66.4631 58.0249C65.3323 57.5577 64.0882 57.4365 62.8885 57.6768C61.6887 57.917 60.5873 58.5079 59.7236 59.3746C58.5689 60.5333 57.9205 62.1024 57.9205 63.7382C57.9205 65.374 58.5689 66.9432 59.7236 68.1019Z" fill="#0B97A6"/>
<path opacity="0.2" d="M11.8981 20.2764C12.7618 21.1431 13.8633 21.734 15.063 21.9742C16.2628 22.2145 17.5068 22.0933 18.6376 21.6261C19.7685 21.1588 20.7352 20.3665 21.4154 19.3494C22.0956 18.3324 22.4587 17.1363 22.4587 15.9128C22.4587 14.6892 22.0956 13.4932 21.4154 12.4761C20.7352 11.4591 19.7685 10.6667 18.6376 10.1995C17.5068 9.73222 16.2628 9.61105 15.063 9.85131C13.8633 10.0916 12.7618 10.6825 11.8981 11.5491C10.7435 12.7078 10.0951 14.277 10.0951 15.9128C10.0951 17.5486 10.7435 19.1177 11.8981 20.2764Z" fill="#0B97A6"/>
<path d="M50.7928 34.9091C50.4291 32.3345 48.3346 31.2145 45.7019 31.2145C44.4829 31.1938 43.2764 31.463 42.1819 32C42.2674 31.4288 42.1291 30.8467 41.7957 30.3751C41.4624 29.9035 40.9597 29.5789 40.3928 29.4691V28.0145C40.3928 27.8949 40.3453 27.7802 40.2607 27.6957C40.1762 27.6111 40.0615 27.5636 39.9419 27.5636C39.8223 27.5636 39.7076 27.6111 39.623 27.6957C39.5385 27.7802 39.491 27.8949 39.491 28.0145V29.4691C38.9472 29.6072 38.4746 29.9431 38.1652 30.4111C37.8559 30.8791 37.7322 31.4456 37.8182 32C36.7515 31.4514 35.5704 31.1624 34.371 31.1563C31.7382 31.1563 29.6437 32.2763 29.2655 34.8509C28.7165 34.8405 28.1719 34.9518 27.6709 35.1766C27.1699 35.4014 26.7248 35.7343 26.3676 36.1513C26.0103 36.5684 25.7497 37.0592 25.6045 37.5888C25.4592 38.1184 25.4328 38.6736 25.5273 39.2145C25.6291 41.1781 28.1019 44.3636 29.6582 46.1672H30.851C28.9601 44.0581 26.4873 40.8145 26.4873 39.1709C26.4279 38.7204 26.4604 38.2626 26.5829 37.8251C26.7054 37.3876 26.9153 36.9795 27.2001 36.6254C27.7293 36.1646 28.3917 35.8844 29.091 35.8254C29.0691 36.0819 29.0691 36.3398 29.091 36.5963C29.3306 37.979 29.8237 39.3056 30.5455 40.5091C31.6756 42.511 32.9595 44.4222 34.3855 46.2254H35.5346C35.5346 46.2254 30.3419 39.84 30.0219 36.5381C30.0219 36.5381 29.2219 32.1745 34.2837 32.1745C36.2686 32.2388 38.1489 33.0798 39.5201 34.5163V46.2691H40.4219V34.4727C41.7975 33.034 43.6832 32.193 45.6728 32.1309C50.7201 32.1309 49.9346 36.4945 49.9346 36.4945C49.6001 39.7963 44.4219 46.1818 44.4219 46.1818H45.5564C47.0006 44.3946 48.3039 42.498 49.4546 40.5091C50.1764 39.3056 50.6695 37.979 50.9091 36.5963C50.9234 36.3396 50.9234 36.0822 50.9091 35.8254C51.332 35.8246 51.7495 35.9199 52.1302 36.104C52.5108 36.2881 52.8447 36.5563 53.1066 36.8882C53.3686 37.2202 53.5517 37.6073 53.6422 38.0204C53.7327 38.4334 53.7283 38.8616 53.6291 39.2727C53.6291 40.9163 51.0982 44.16 49.2655 46.2691H50.4728C52.0146 44.4654 54.5019 41.28 54.6037 39.3163C54.7041 38.7664 54.6799 38.2009 54.5328 37.6615C54.3858 37.1222 54.1196 36.6227 53.754 36.1998C53.3883 35.7769 52.9325 35.4414 52.42 35.2181C51.9075 34.9947 51.3515 34.8891 50.7928 34.9091ZM40.0001 33.1927C39.7124 33.1927 39.4312 33.1074 39.192 32.9476C38.9528 32.7877 38.7663 32.5606 38.6562 32.2948C38.5461 32.029 38.5173 31.7365 38.5735 31.4544C38.6296 31.1722 38.7681 30.913 38.9715 30.7096C39.175 30.5062 39.4341 30.3677 39.7163 30.3115C39.9984 30.2554 40.2909 30.2842 40.5567 30.3943C40.8225 30.5044 41.0496 30.6908 41.2095 30.93C41.3693 31.1692 41.4546 31.4505 41.4546 31.7381C41.4546 32.1239 41.3014 32.4939 41.0286 32.7667C40.7558 33.0394 40.3858 33.1927 40.0001 33.1927Z" fill="#1F1F1F"/>
<path d="M40 25.76C40.1196 25.76 40.2343 25.7125 40.3188 25.628C40.4034 25.5434 40.4509 25.4287 40.4509 25.3091V23.4909C40.4509 23.3714 40.4034 23.2567 40.3188 23.1721C40.2343 23.0875 40.1196 23.04 40 23.04C39.8804 23.04 39.7657 23.0875 39.6811 23.1721C39.5966 23.2567 39.5491 23.3714 39.5491 23.4909V25.3091C39.5491 25.3683 39.5607 25.427 39.5834 25.4817C39.6061 25.5364 39.6393 25.5861 39.6811 25.628C39.723 25.6698 39.7727 25.7031 39.8274 25.7257C39.8821 25.7484 39.9408 25.76 40 25.76Z" fill="#1F1F1F"/>
<path d="M36.8146 27.1273H38.6327C38.6932 27.1292 38.7534 27.119 38.8098 27.0972C38.8662 27.0754 38.9176 27.0425 38.961 27.0005C39.0044 26.9584 39.039 26.908 39.0625 26.8523C39.0861 26.7967 39.0982 26.7368 39.0982 26.6764C39.0982 26.6159 39.0861 26.5561 39.0625 26.5004C39.039 26.4447 39.0044 26.3943 38.961 26.3523C38.9176 26.3102 38.8662 26.2773 38.8098 26.2555C38.7534 26.2337 38.6932 26.2235 38.6327 26.2255H36.8146C36.695 26.2255 36.5803 26.273 36.4957 26.3575C36.4112 26.4421 36.3636 26.5568 36.3636 26.6764C36.3636 26.796 36.4112 26.9106 36.4957 26.9952C36.5803 27.0798 36.695 27.1273 36.8146 27.1273Z" fill="#1F1F1F"/>
<path d="M41.3673 27.1273H43.1855C43.3051 27.1273 43.4198 27.0798 43.5043 26.9952C43.5889 26.9107 43.6364 26.796 43.6364 26.6764C43.6364 26.5568 43.5889 26.4421 43.5043 26.3575C43.4198 26.273 43.3051 26.2255 43.1855 26.2255H41.3673C41.2477 26.2255 41.133 26.273 41.0485 26.3575C40.9639 26.4421 40.9164 26.5568 40.9164 26.6764C40.9164 26.796 40.9639 26.9107 41.0485 26.9952C41.133 27.0798 41.2477 27.1273 41.3673 27.1273Z" fill="#1F1F1F"/>
<path d="M50.4582 49.4109H29.5419V50.3127H50.4582V49.4109Z" fill="#1F1F1F"/>
<path d="M50.4582 51.2146H29.5419V52.1164H50.4582V51.2146Z" fill="#1F1F1F"/>
<path d="M29.5419 47.5928V48.0437V48.4946H50.4582V48.0437V47.5928H29.5419Z" fill="#1F1F1F"/>
</svg>

logo-big

CSS

@import "@dataforsyningen/icons/css/logo-big.css";

Brug i HTML:

<span class="ds-icon-logo-big"></span>

CSS custom property:

--ds-logo-big

SVG

<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.9999 33.1927C39.7122 33.1927 39.431 33.1074 39.1918 32.9476C38.9526 32.7877 38.7662 32.5606 38.6561 32.2948C38.546 32.029 38.5172 31.7365 38.5733 31.4544C38.6294 31.1722 38.768 30.913 38.9714 30.7096C39.1748 30.5062 39.434 30.3677 39.7161 30.3115C39.9983 30.2554 40.2908 30.2842 40.5565 30.3943C40.8223 30.5044 41.0495 30.6908 41.2093 30.93C41.3692 31.1692 41.4545 31.4505 41.4545 31.7381C41.4545 32.1239 41.3012 32.4939 41.0284 32.7667C40.7557 33.0394 40.3857 33.1927 39.9999 33.1927ZM50.7926 34.9091C50.4145 32.3345 48.3199 31.2145 45.6872 31.2145C44.4728 31.1933 43.2709 31.4626 42.1817 32C42.2636 31.4293 42.1238 30.849 41.7911 30.3783C41.4583 29.9076 40.9579 29.5822 40.3926 29.4691V28.0145C40.3926 27.8949 40.3451 27.7802 40.2606 27.6957C40.176 27.6111 40.0613 27.5636 39.9417 27.5636C39.8221 27.5636 39.7075 27.6111 39.6229 27.6957C39.5383 27.7802 39.4908 27.8949 39.4908 28.0145V29.4691C38.9454 29.6042 38.4706 29.9394 38.1608 30.4082C37.8509 30.877 37.7286 31.4452 37.8181 32C36.7461 31.4518 35.5603 31.1628 34.3563 31.1563C31.7235 31.1563 29.629 32.2763 29.2654 34.8509C28.7159 34.841 28.171 34.9523 27.6695 35.1771C27.1679 35.4018 26.7221 35.7343 26.3638 36.151C26.0054 36.5677 25.7434 37.0582 25.5963 37.5878C25.4492 38.1173 25.4206 38.6727 25.5126 39.2145C25.6145 41.1781 28.1017 44.3636 29.6435 46.1672H30.8508C28.9599 44.0581 26.4872 40.8145 26.4872 39.1709C26.4242 38.7204 26.4551 38.2617 26.5777 37.8237C26.7004 37.3857 26.9122 36.9777 27.1999 36.6254C27.76 36.114 28.4791 35.8109 29.2363 35.7672C29.222 36.024 29.222 36.2814 29.2363 36.5381C29.4759 37.9209 29.9691 39.2474 30.6908 40.4509C31.8209 42.4529 33.1048 44.3641 34.5308 46.1672H35.6654C35.6654 46.1672 30.4872 39.7818 30.1526 36.48C30.1526 36.48 29.3672 32.1163 34.4145 32.1163C36.4041 32.1784 38.2897 33.0194 39.6654 34.4581V46.2109H40.5672V34.4727C41.9356 33.0322 43.8176 32.1905 45.8035 32.1309C50.8654 32.1309 50.0654 36.4945 50.0654 36.4945C49.7454 39.7963 44.5526 46.1818 44.5526 46.1818H45.7017C47.1042 44.3956 48.3592 42.4985 49.4545 40.5091C50.1812 39.3079 50.6746 37.9805 50.909 36.5963C50.9309 36.3398 50.9309 36.0819 50.909 35.8254C51.6713 35.8658 52.396 36.1691 52.9599 36.6836C53.2427 37.0464 53.448 37.4634 53.5631 37.9087C53.6782 38.3541 53.7006 38.8183 53.629 39.2727C53.5417 40.9163 51.0981 44.16 49.2654 46.2691H50.4581C52.0145 44.4654 54.4872 41.28 54.589 39.3163C54.6835 38.7754 54.6571 38.2202 54.5119 37.6906C54.3666 37.1611 54.106 36.6702 53.7488 36.2531C53.3915 35.8361 52.9464 35.5032 52.4454 35.2784C51.9444 35.0536 51.3999 34.9424 50.8508 34.9527L50.7926 34.9091Z" fill="#0097A7"/>
<path d="M39.9999 25.76C40.1194 25.76 40.2341 25.7125 40.3187 25.628C40.4033 25.5434 40.4508 25.4287 40.4508 25.3091V23.4909C40.4508 23.3714 40.4033 23.2567 40.3187 23.1721C40.2341 23.0875 40.1194 23.04 39.9999 23.04C39.8803 23.04 39.7656 23.0875 39.681 23.1721C39.5965 23.2567 39.549 23.3714 39.549 23.4909V25.3091C39.549 25.4287 39.5965 25.5434 39.681 25.628C39.7656 25.7125 39.8803 25.76 39.9999 25.76Z" fill="#0097A7"/>
<path d="M36.8146 27.1273H38.6327C38.7523 27.1273 38.867 27.0798 38.9516 26.9952C39.0361 26.9106 39.0836 26.796 39.0836 26.6764C39.0836 26.5568 39.0361 26.4421 38.9516 26.3575C38.867 26.273 38.7523 26.2255 38.6327 26.2255H36.8146C36.695 26.2255 36.5803 26.273 36.4957 26.3575C36.4112 26.4421 36.3636 26.5568 36.3636 26.6764C36.3636 26.796 36.4112 26.9106 36.4957 26.9952C36.5803 27.0798 36.695 27.1273 36.8146 27.1273Z" fill="#0097A7"/>
<path d="M41.3528 27.1273H43.1855C43.3051 27.1273 43.4198 27.0798 43.5043 26.9952C43.5889 26.9106 43.6364 26.796 43.6364 26.6764C43.6364 26.5568 43.5889 26.4421 43.5043 26.3575C43.4198 26.273 43.3051 26.2255 43.1855 26.2255H41.3528C41.2332 26.2255 41.1185 26.273 41.0339 26.3575C40.9494 26.4421 40.9019 26.5568 40.9019 26.6764C40.9019 26.796 40.9494 26.9106 41.0339 26.9952C41.1185 27.0798 41.2332 27.1273 41.3528 27.1273Z" fill="#0097A7"/>
<path d="M29.5419 50.3127H50.4582V49.4109H29.5419V50.3127Z" fill="#0097A7"/>
<path d="M29.5419 52.1309H50.4582V51.2291H29.5419V52.1309Z" fill="#0097A7"/>
<path d="M29.5419 47.5927V48.0436V48.4945H50.4582V48.0436V47.5927H29.5419Z" fill="#0097A7"/>
<path d="M46.0945 6.18182C46.0945 4.95917 45.7319 3.76398 45.0527 2.74739C44.3734 1.73079 43.4079 0.938453 42.2783 0.470566C41.1488 0.00267848 39.9058 -0.119742 38.7066 0.118785C37.5075 0.357311 36.406 0.946073 35.5415 1.81062C34.6769 2.67516 34.0881 3.77665 33.8496 4.97581C33.6111 6.17496 33.7335 7.41792 34.2014 8.5475C34.6693 9.67708 35.4616 10.6425 36.4782 11.3218C37.4948 12.0011 38.69 12.3636 39.9127 12.3636C41.5522 12.3636 43.1245 11.7123 44.2839 10.553C45.4432 9.39371 46.0945 7.82134 46.0945 6.18182Z" fill="#0097A7"/>
<path d="M46.0945 73.8182C46.0945 72.5955 45.7319 71.4003 45.0527 70.3837C44.3734 69.3671 43.4079 68.5748 42.2783 68.1069C41.1488 67.639 39.9058 67.5166 38.7066 67.7551C37.5075 67.9937 36.406 68.5824 35.5415 69.447C34.6769 70.3115 34.0881 71.413 33.8496 72.6122C33.6111 73.8113 33.7335 75.0543 34.2014 76.1838C34.6693 77.3134 35.4616 78.2789 36.4782 78.9582C37.4948 79.6374 38.69 80 39.9127 80C41.5522 80 43.1245 79.3487 44.2839 78.1894C45.4432 77.0301 46.0945 75.4577 46.0945 73.8182Z" fill="#0097A7"/>
<path d="M73.8182 46.0073C75.0408 46.0073 76.236 45.6447 77.2526 44.9654C78.2692 44.2862 79.0615 43.3207 79.5294 42.1911C79.9973 41.0615 80.1197 39.8186 79.8812 38.6194C79.6427 37.4203 79.0539 36.3188 78.1894 35.4542C77.3248 34.5897 76.2233 34.0009 75.0242 33.7624C73.825 33.5239 72.5821 33.6463 71.4525 34.1142C70.3229 34.5821 69.3574 35.3744 68.6782 36.391C67.9989 37.4076 67.6364 38.6028 67.6364 39.8254C67.6364 41.465 68.2876 43.0373 69.447 44.1966C70.6063 45.356 72.1786 46.0073 73.8182 46.0073Z" fill="#0097A7"/>
<path d="M6.18182 46.0073C7.40447 46.0073 8.59966 45.6447 9.61625 44.9654C10.6328 44.2862 11.4252 43.3207 11.8931 42.1911C12.361 41.0615 12.4834 39.8186 12.2449 38.6194C12.0063 37.4203 11.4176 36.3188 10.553 35.4542C9.68848 34.5897 8.58699 34.0009 7.38783 33.7624C6.18868 33.5239 4.94572 33.6463 3.81614 34.1142C2.68656 34.5821 1.72109 35.3744 1.04182 36.391C0.362557 37.4076 0 38.6028 0 39.8254C0 41.465 0.651297 43.0373 1.81061 44.1966C2.96993 45.356 4.5423 46.0073 6.18182 46.0073Z" fill="#0097A7"/>
<path d="M68.1891 20.3637C69.0558 19.5 69.6467 18.3985 69.887 17.1988C70.1272 15.9991 70.0061 14.755 69.5388 13.6242C69.0715 12.4934 68.2792 11.5266 67.2622 10.8464C66.2451 10.1662 65.0491 9.8031 63.8255 9.8031C62.6019 9.8031 61.4059 10.1662 60.3888 10.8464C59.3718 11.5266 58.5795 12.4934 58.1122 13.6242C57.6449 14.755 57.5238 15.9991 57.764 17.1988C58.0043 18.3985 58.5952 19.5 59.4619 20.3637C60.6206 21.5184 62.1897 22.1667 63.8255 22.1667C65.4613 22.1667 67.0304 21.5184 68.1891 20.3637Z" fill="#0097A7"/>
<path d="M20.3637 68.1891C21.2304 67.3254 21.8213 66.224 22.0615 65.0242C22.3018 63.8245 22.1806 62.5804 21.7134 61.4496C21.2461 60.3188 20.4538 59.3521 19.4367 58.6718C18.4197 57.9916 17.2236 57.6285 16.0001 57.6285C14.7765 57.6285 13.5805 57.9916 12.5634 58.6718C11.5463 59.3521 10.754 60.3188 10.2868 61.4496C9.8195 62.5804 9.69833 63.8245 9.93859 65.0242C10.1789 66.224 10.7697 67.3254 11.6364 68.1891C12.7951 69.3438 14.3642 69.9922 16.0001 69.9922C17.6359 69.9922 19.205 69.3438 20.3637 68.1891Z" fill="#0097A7"/>
<path d="M59.7237 68.1019C60.5874 68.9685 61.6888 69.5594 62.8886 69.7997C64.0883 70.0399 65.3324 69.9188 66.4632 69.4515C67.594 68.9843 68.5608 68.1919 69.241 67.1749C69.9212 66.1578 70.2843 64.9618 70.2843 63.7382C70.2843 62.5147 69.9212 61.3186 69.241 60.3016C68.5608 59.2845 67.594 58.4922 66.4632 58.0249C65.3324 57.5577 64.0883 57.4365 62.8886 57.6768C61.6888 57.917 60.5874 58.5079 59.7237 59.3746C58.569 60.5333 57.9207 62.1024 57.9207 63.7382C57.9207 65.374 58.569 66.9432 59.7237 68.1019Z" fill="#0097A7"/>
<path d="M11.8983 20.2764C12.762 21.1431 13.8634 21.734 15.0632 21.9742C16.2629 22.2145 17.5069 22.0933 18.6378 21.6261C19.7686 21.1588 20.7353 20.3665 21.4155 19.3494C22.0958 18.3324 22.4588 17.1363 22.4588 15.9128C22.4588 14.6892 22.0958 13.4932 21.4155 12.4761C20.7353 11.4591 19.7686 10.6667 18.6378 10.1995C17.5069 9.73222 16.2629 9.61105 15.0632 9.85131C13.8634 10.0916 12.762 10.6825 11.8983 11.5491C10.7436 12.7078 10.0952 14.277 10.0952 15.9128C10.0952 17.5486 10.7436 19.1177 11.8983 20.2764Z" fill="#0097A7"/>
</svg>

logo-medium

CSS

@import "@dataforsyningen/icons/css/logo-medium.css";

Brug i HTML:

<span class="ds-icon-logo-medium"></span>

CSS custom property:

--ds-logo-medium

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<style>.logo-image {fill: #000;}</style>
<path class="logo-image" d="M11.7501 13.5C11.7501 13.6381 11.862 13.75 12.0001 13.75C12.1381 13.75 12.2501 13.6381 12.2501 13.5H11.7501ZM9.00005 14.1501C8.86198 14.1501 8.75005 14.262 8.75005 14.4001C8.75005 14.5381 8.86198 14.6501 9.00005 14.6501V14.1501ZM15.0001 14.6501C15.1381 14.6501 15.2501 14.5381 15.2501 14.4001C15.2501 14.262 15.1381 14.1501 15.0001 14.1501V14.6501ZM9.00005 14.7501C8.86198 14.7501 8.75005 14.862 8.75005 15.0001C8.75005 15.1381 8.86198 15.2501 9.00005 15.2501V14.7501ZM15.0001 15.2501C15.1381 15.2501 15.2501 15.1381 15.2501 15.0001C15.2501 14.862 15.1381 14.7501 15.0001 14.7501V15.2501ZM9.00005 15.3501C8.86198 15.3501 8.75005 15.462 8.75005 15.6001C8.75005 15.7381 8.86198 15.8501 9.00005 15.8501V15.3501ZM15.0001 15.8501C15.1381 15.8501 15.2501 15.7381 15.2501 15.6001C15.2501 15.462 15.1381 15.3501 15.0001 15.3501V15.8501ZM12.2501 6.8175C12.2501 6.67943 12.1381 6.5675 12.0001 6.5675C11.862 6.5675 11.7501 6.67943 11.7501 6.8175H12.2501ZM11.7501 7.30877C11.7501 7.44684 11.862 7.55877 12.0001 7.55877C12.1381 7.55877 12.2501 7.44684 12.2501 7.30877H11.7501ZM12.2501 8.29129C12.2501 8.15322 12.1381 8.04129 12.0001 8.04129C11.862 8.04129 11.7501 8.15322 11.7501 8.29129H12.2501ZM12.9826 8.05003C13.1207 8.05003 13.2326 7.9381 13.2326 7.80003C13.2326 7.66196 13.1207 7.55003 12.9826 7.55003V8.05003ZM12.4913 7.55003C12.3533 7.55003 12.2413 7.66196 12.2413 7.80003C12.2413 7.9381 12.3533 8.05003 12.4913 8.05003V7.55003ZM11.5088 8.05003C11.6469 8.05003 11.7588 7.9381 11.7588 7.80003C11.7588 7.66196 11.6469 7.55003 11.5088 7.55003V8.05003ZM11.0175 7.55003C10.8795 7.55003 10.7675 7.66196 10.7675 7.80003C10.7675 7.9381 10.8795 8.05003 11.0175 8.05003V7.55003ZM13.3061 13.3423C13.219 13.4495 13.2352 13.6069 13.3423 13.694C13.4495 13.7811 13.6069 13.7649 13.694 13.6578L13.3061 13.3423ZM15.0001 10.25C14.862 10.25 14.7501 10.362 14.7501 10.5C14.7501 10.6381 14.862 10.75 15.0001 10.75V10.25ZM14.8208 13.3258C14.7246 13.4248 14.7268 13.5831 14.8258 13.6793C14.9248 13.7756 15.0831 13.7733 15.1793 13.6743L14.8208 13.3258ZM10.3061 13.6578C10.3932 13.7649 10.5507 13.7811 10.6578 13.694C10.7649 13.6069 10.7811 13.4495 10.694 13.3423L10.3061 13.6578ZM9.00005 10.75C9.13812 10.75 9.25005 10.6381 9.25005 10.5C9.25005 10.362 9.13812 10.25 9.00005 10.25V10.75ZM8.82078 13.6743C8.91702 13.7733 9.07529 13.7756 9.1743 13.6793C9.27331 13.5831 9.27556 13.4248 9.17932 13.3258L8.82078 13.6743ZM12.2501 13.5V10.2H11.7501V13.5H12.2501ZM9.00005 14.6501H15.0001V14.1501H9.00005V14.6501ZM9.00005 15.2501H15.0001V14.7501H9.00005V15.2501ZM9.00005 15.8501H15.0001V15.3501H9.00005V15.8501ZM11.7501 6.8175V7.30877H12.2501V6.8175H11.7501ZM11.7501 8.29129V8.78255H12.2501V8.29129H11.7501ZM12.9826 7.55003H12.4913V8.05003H12.9826V7.55003ZM11.5088 7.55003H11.0175V8.05003H11.5088V7.55003ZM12.1992 10.3512C12.2739 10.2528 12.4752 10.0481 12.765 9.86913C13.0529 9.69133 13.4102 9.55004 13.8001 9.55004V9.05004C13.2899 9.05004 12.842 9.23392 12.5023 9.44371C12.1644 9.65237 11.9157 9.89764 11.8009 10.0489L12.1992 10.3512ZM13.8001 9.55004C14.1895 9.55004 14.4088 9.67613 14.5395 9.84581C14.6794 10.0274 14.7501 10.3006 14.7501 10.6482H15.2501C15.2501 10.2468 15.1707 9.84592 14.9356 9.54069C14.6913 9.22354 14.3107 9.05004 13.8001 9.05004V9.55004ZM14.7501 10.6482C14.7501 11.0371 14.6099 11.444 14.3528 11.8939C14.0953 12.3442 13.7318 12.8188 13.3061 13.3423L13.694 13.6578C14.121 13.1327 14.5074 12.6308 14.7868 12.142C15.0665 11.6528 15.2501 11.158 15.2501 10.6482H14.7501ZM15.0001 10.75C15.366 10.75 15.6039 10.8292 15.7449 10.9381C15.8763 11.0396 15.9501 11.187 15.9501 11.4H16.4501C16.4501 11.0537 16.3207 10.751 16.0505 10.5424C15.7899 10.3411 15.4277 10.25 15.0001 10.25V10.75ZM15.9501 11.4C15.9501 11.6159 15.8544 11.9104 15.6538 12.2567C15.4562 12.5978 15.1698 12.9668 14.8208 13.3258L15.1793 13.6743C15.5504 13.2926 15.864 12.8913 16.0864 12.5074C16.3057 12.1288 16.4501 11.7436 16.4501 11.4H15.9501ZM12.1992 10.0489C12.0844 9.89764 11.8358 9.65237 11.4979 9.44371C11.1581 9.23392 10.7102 9.05004 10.2001 9.05004V9.55004C10.59 9.55004 10.9472 9.69133 11.2352 9.86913C11.5249 10.0481 11.7262 10.2528 11.8009 10.3512L12.1992 10.0489ZM10.2001 9.05004C9.68947 9.05004 9.30881 9.22354 9.06451 9.54069C8.82939 9.84592 8.75006 10.2468 8.75006 10.6482H9.25006C9.25006 10.3006 9.32073 10.0274 9.46062 9.84581C9.59132 9.67613 9.81066 9.55004 10.2001 9.55004V9.05004ZM8.75006 10.6482C8.75006 11.158 8.93361 11.6528 9.21329 12.142C9.49271 12.6308 9.87916 13.1327 10.3061 13.6578L10.694 13.3423C10.2683 12.8188 9.90479 12.3442 9.64737 11.8939C9.39021 11.444 9.25006 11.0371 9.25006 10.6482H8.75006ZM9.00005 10.25C8.57237 10.25 8.21024 10.3411 7.94962 10.5424C7.67946 10.751 7.55005 11.0537 7.55005 11.4H8.05005C8.05005 11.187 8.12381 11.0396 8.25524 10.9381C8.39622 10.8292 8.63408 10.75 9.00005 10.75V10.25ZM7.55005 11.4C7.55005 11.7436 7.69439 12.1288 7.91373 12.5074C8.13614 12.8913 8.44974 13.2926 8.82078 13.6743L9.17932 13.3258C8.83036 12.9668 8.54396 12.5978 8.34637 12.2567C8.14571 11.9104 8.05005 11.6159 8.05005 11.4H7.55005ZM12.3201 9.35254C12.3201 9.52928 12.1768 9.67255 12.0001 9.67255V10.1725C12.453 10.1725 12.8201 9.80542 12.8201 9.35254H12.3201ZM12.0001 9.67255C11.8234 9.67255 11.6801 9.52928 11.6801 9.35254H11.1801C11.1801 9.80542 11.5472 10.1725 12.0001 10.1725V9.67255ZM11.6801 9.35254C11.6801 9.1758 11.8233 9.03255 12.0001 9.03255V8.53255C11.5472 8.53255 11.1801 8.89968 11.1801 9.35254H11.6801ZM12.0001 9.03255C12.1768 9.03255 12.3201 9.17583 12.3201 9.35254H12.8201C12.8201 8.89965 12.4529 8.53255 12.0001 8.53255V9.03255Z" />
<path class="logo-image" d="M12 3.60001C12.9941 3.60001 13.8 2.79412 13.8 1.8C13.8 0.80589 12.9941 0 12 0C11.0058 0 10.2 0.80589 10.2 1.8C10.2 2.79412 11.0058 3.60001 12 3.60001Z"/>
<path class="logo-image" d="M12 24.0001C12.9941 24.0001 13.8 23.1942 13.8 22.2001C13.8 21.2059 12.9941 20.4001 12 20.4001C11.0058 20.4001 10.2 21.2059 10.2 22.2001C10.2 23.1942 11.0058 24.0001 12 24.0001Z"/>
<path class="logo-image" d="M22.2 13.8C23.1941 13.8 24 12.9941 24 12C24 11.0059 23.1941 10.2 22.2 10.2C21.2059 10.2 20.4 11.0059 20.4 12C20.4 12.9941 21.2059 13.8 22.2 13.8Z"/>
<path class="logo-image" d="M1.80001 13.8C2.79412 13.8 3.60001 12.9941 3.60001 12C3.60001 11.0059 2.79412 10.2 1.80001 10.2C0.80589 10.2 0 11.0059 0 12C0 12.9941 0.80589 13.8 1.80001 13.8Z"/>
<path class="logo-image" d="M19.2 6.60002C20.1941 6.60002 21 5.79413 21 4.80002C21 3.8059 20.1941 3.00002 19.2 3.00002C18.2059 3.00002 17.4 3.8059 17.4 4.80002C17.4 5.79413 18.2059 6.60002 19.2 6.60002Z"/>
<path class="logo-image" d="M4.8 21.0001C5.79412 21.0001 6.60001 20.1942 6.60001 19.2C6.60001 18.2059 5.79412 17.4 4.8 17.4C3.80589 17.4 3 18.2059 3 19.2C3 20.1942 3.80589 21.0001 4.8 21.0001Z"/>
<path class="logo-image" d="M19.2 21.0001C20.1941 21.0001 21 20.1942 21 19.2C21 18.2059 20.1941 17.4 19.2 17.4C18.2059 17.4 17.4 18.2059 17.4 19.2C17.4 20.1942 18.2059 21.0001 19.2 21.0001Z"/>
<path class="logo-image" d="M4.8 6.60002C5.79412 6.60002 6.60001 5.79413 6.60001 4.80002C6.60001 3.8059 5.79412 3.00002 4.8 3.00002C3.80589 3.00002 3 3.8059 3 4.80002C3 5.79413 3.80589 6.60002 4.8 6.60002Z"/>
</svg>

logo-micro

CSS

@import "@dataforsyningen/icons/css/logo-micro.css";

Brug i HTML:

<span class="ds-icon-logo-micro"></span>

CSS custom property:

--ds-logo-micro

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.66662 14.75C8.52855 14.75 8.41662 14.8619 8.41662 15C8.41662 15.1381 8.52855 15.25 8.66662 15.25V14.75ZM15.3333 15.25C15.4714 15.25 15.5833 15.1381 15.5833 15C15.5833 14.8619 15.4714 14.75 15.3333 14.75V15.25ZM8.66662 16.0833C8.52855 16.0833 8.41662 16.1953 8.41662 16.3333C8.41662 16.4714 8.52855 16.5833 8.66662 16.5833V16.0833ZM15.3333 16.5833C15.4714 16.5833 15.5833 16.4714 15.5833 16.3333C15.5833 16.1953 15.4714 16.0833 15.3333 16.0833V16.5833ZM12.25 6C12.25 5.86193 12.138 5.75 12 5.75C11.8619 5.75 11.75 5.86193 11.75 6H12.25ZM11.75 6.53805C11.75 6.67612 11.8619 6.78805 12 6.78805C12.138 6.78805 12.25 6.67612 12.25 6.53805H11.75ZM12.25 8.12862C12.25 7.99055 12.138 7.87862 12 7.87862C11.8619 7.87862 11.75 7.99055 11.75 8.12862H12.25ZM11.75 8.66667C11.75 8.80474 11.8619 8.91667 12 8.91667C12.138 8.91667 12.25 8.80474 12.25 8.66667H11.75ZM13.3333 7.58333C13.4714 7.58333 13.5833 7.4714 13.5833 7.33333C13.5833 7.19526 13.4714 7.08333 13.3333 7.08333V7.58333ZM12.7952 7.08333C12.6571 7.08333 12.5452 7.19526 12.5452 7.33333C12.5452 7.4714 12.6571 7.58333 12.7952 7.58333V7.08333ZM11.2046 7.58333C11.3427 7.58333 11.4546 7.4714 11.4546 7.33333C11.4546 7.19526 11.3427 7.08333 11.2046 7.08333V7.58333ZM10.6666 7.08333C10.5285 7.08333 10.4166 7.19526 10.4166 7.33333C10.4166 7.4714 10.5285 7.58333 10.6666 7.58333V7.08333ZM11.75 13.6667C11.75 13.8047 11.8619 13.9167 12 13.9167C12.138 13.9167 12.25 13.8047 12.25 13.6667H11.75ZM12.25 9.71845C12.25 9.58038 12.138 9.46845 12 9.46845C11.8619 9.46845 11.75 9.58038 11.75 9.71845H12.25ZM13.4044 13.5181C13.3224 13.6292 13.3459 13.7857 13.457 13.8678C13.5681 13.9498 13.7246 13.9263 13.8066 13.8152L13.4044 13.5181ZM12.6666 8.75C12.5285 8.75 12.4166 8.86193 12.4166 9C12.4166 9.13807 12.5285 9.25 12.6666 9.25V8.75ZM15.966 9.79506C15.8287 9.78055 15.7056 9.8801 15.6911 10.0174C15.6766 10.1547 15.7762 10.2778 15.9135 10.2923L15.966 9.79506ZM15.3703 13.4681C15.2809 13.5734 15.2938 13.7311 15.399 13.8205C15.5042 13.9099 15.662 13.8971 15.7514 13.7919L15.3703 13.4681ZM10.1933 13.8152C10.2753 13.9263 10.4318 13.9498 10.5429 13.8678C10.654 13.7857 10.6775 13.6292 10.5955 13.5181L10.1933 13.8152ZM11.3333 9.25C11.4713 9.25 11.5833 9.13807 11.5833 9C11.5833 8.86193 11.4713 8.75 11.3333 8.75V9.25ZM8.08644 10.2923C8.22375 10.2778 8.3233 10.1547 8.30879 10.0174C8.29429 9.8801 8.17122 9.78055 8.03391 9.79506L8.08644 10.2923ZM8.24853 13.7919C8.33793 13.8971 8.4957 13.9099 8.60092 13.8205C8.70614 13.7311 8.71896 13.5734 8.62956 13.4681L8.24853 13.7919ZM8.66662 15.25H15.3333V14.75H8.66662V15.25ZM8.66662 16.5833H15.3333V16.0833H8.66662V16.5833ZM11.75 6V6.53805H12.25V6H11.75ZM11.75 8.12862V8.66667H12.25V8.12862H11.75ZM13.3333 7.08333H12.7952V7.58333H13.3333V7.08333ZM11.2046 7.08333H10.6666V7.58333H11.2046V7.08333ZM12.25 13.6667V9.71845H11.75V13.6667H12.25ZM13.6055 9.25C13.8278 9.25 14.1472 9.37928 14.4162 9.63839C14.6793 9.89178 14.8695 10.2464 14.8695 10.6667H15.3695C15.3695 10.087 15.1056 9.60822 14.7631 9.27828C14.4265 8.95406 13.9888 8.75 13.6055 8.75V9.25ZM14.8695 10.6667C14.8695 11.1085 14.7262 11.5242 14.4676 11.9818C14.2061 12.4445 13.8393 12.9294 13.4044 13.5181L13.8066 13.8152C14.2323 13.2389 14.6225 12.7238 14.9029 12.2278C15.1861 11.7266 15.3695 11.2248 15.3695 10.6667H14.8695ZM13.6055 8.75H12.6666V9.25H13.6055V8.75ZM15.9135 10.2923C16.0322 10.3048 16.1927 10.398 16.321 10.5975C16.4456 10.7913 16.5256 11.0676 16.4908 11.397L16.988 11.4495C17.0344 11.0104 16.9296 10.6197 16.7416 10.3272C16.5573 10.0404 16.2774 9.82796 15.966 9.79506L15.9135 10.2923ZM16.4908 11.397C16.418 12.0855 16.0711 12.6434 15.3703 13.4681L15.7514 13.7919C16.4624 12.9551 16.8984 12.298 16.988 11.4495L16.4908 11.397ZM10.3944 8.75C10.0111 8.75 9.57344 8.95406 9.23684 9.27828C8.89432 9.60822 8.63039 10.087 8.63039 10.6667H9.13039C9.13039 10.2464 9.32065 9.89178 9.58372 9.63839C9.85272 9.37928 10.1721 9.25 10.3944 9.25V8.75ZM8.63039 10.6667C8.63039 11.2248 8.81377 11.7266 9.09702 12.2278C9.37736 12.7238 9.76758 13.2389 10.1933 13.8152L10.5955 13.5181C10.1606 12.9294 9.79381 12.4445 9.53231 11.9818C9.27371 11.5242 9.13039 11.1085 9.13039 10.6667H8.63039ZM10.3944 9.25H11.3333V8.75H10.3944V9.25ZM8.03391 9.79506C7.72248 9.82796 7.44261 10.0404 7.25829 10.3272C7.07029 10.6197 6.96553 11.0104 7.01192 11.4495L7.50915 11.397C7.47435 11.0676 7.55433 10.7913 7.6789 10.5975C7.80716 10.398 7.9677 10.3048 8.08644 10.2923L8.03391 9.79506ZM7.01192 11.4495C7.10155 12.298 7.5375 12.9551 8.24853 13.7919L8.62956 13.4681C7.92881 12.6434 7.58189 12.0855 7.50915 11.397L7.01192 11.4495Z" fill="#0097A7"/>
<path d="M12 3.60001C12.9941 3.60001 13.8 2.79412 13.8 1.8C13.8 0.80589 12.9941 0 12 0C11.0058 0 10.2 0.80589 10.2 1.8C10.2 2.79412 11.0058 3.60001 12 3.60001Z" fill="#0097A7"/>
<path d="M12 24.0001C12.9941 24.0001 13.8 23.1942 13.8 22.2001C13.8 21.2059 12.9941 20.4001 12 20.4001C11.0058 20.4001 10.2 21.2059 10.2 22.2001C10.2 23.1942 11.0058 24.0001 12 24.0001Z" fill="#0097A7"/>
<path d="M22.2 13.8C23.1941 13.8 24 12.9941 24 12C24 11.0059 23.1941 10.2 22.2 10.2C21.2059 10.2 20.4 11.0059 20.4 12C20.4 12.9941 21.2059 13.8 22.2 13.8Z" fill="#0097A7"/>
<path d="M1.80001 13.8C2.79412 13.8 3.60001 12.9941 3.60001 12C3.60001 11.0059 2.79412 10.2 1.80001 10.2C0.80589 10.2 0 11.0059 0 12C0 12.9941 0.80589 13.8 1.80001 13.8Z" fill="#0097A7"/>
<path d="M19.2 6.60002C20.1941 6.60002 21 5.79413 21 4.80002C21 3.8059 20.1941 3.00002 19.2 3.00002C18.2059 3.00002 17.4 3.8059 17.4 4.80002C17.4 5.79413 18.2059 6.60002 19.2 6.60002Z" fill="#0097A7"/>
<path d="M4.8 21.0001C5.79412 21.0001 6.60001 20.1942 6.60001 19.2001C6.60001 18.2059 5.79412 17.4001 4.8 17.4001C3.80589 17.4001 3 18.2059 3 19.2001C3 20.1942 3.80589 21.0001 4.8 21.0001Z" fill="#0097A7"/>
<path d="M19.2 21.0001C20.1941 21.0001 21 20.1942 21 19.2001C21 18.2059 20.1941 17.4001 19.2 17.4001C18.2059 17.4001 17.4 18.2059 17.4 19.2001C17.4 20.1942 18.2059 21.0001 19.2 21.0001Z" fill="#0097A7"/>
<path d="M4.8 6.60002C5.79412 6.60002 6.60001 5.79413 6.60001 4.80002C6.60001 3.8059 5.79412 3.00002 4.8 3.00002C3.80589 3.00002 3 3.8059 3 4.80002C3 5.79413 3.80589 6.60002 4.8 6.60002Z" fill="#0097A7"/>
</svg>

logo-simple-micro

CSS

@import "@dataforsyningen/icons/css/logo-simple-micro.css";

Brug i HTML:

<span class="ds-icon-logo-simple-micro"></span>

CSS custom property:

--ds-logo-simple-micro

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="white"/>
<path d="M7.00005 16.25C6.86198 16.25 6.75005 16.3619 6.75005 16.5C6.75005 16.6381 6.86198 16.75 7.00005 16.75V16.25ZM17 16.75C17.1381 16.75 17.25 16.6381 17.25 16.5C17.25 16.3619 17.1381 16.25 17 16.25V16.75ZM7.00005 18.25C6.86198 18.25 6.75005 18.3619 6.75005 18.5C6.75005 18.6381 6.86198 18.75 7.00005 18.75V18.25ZM17 18.75C17.1381 18.75 17.25 18.6381 17.25 18.5C17.25 18.3619 17.1381 18.25 17 18.25V18.75ZM12.2501 3C12.2501 2.86193 12.1381 2.75 12.0001 2.75C11.862 2.75 11.7501 2.86193 11.7501 3H12.2501ZM11.7501 3.80707C11.7501 3.94514 11.862 4.05707 12.0001 4.05707C12.1381 4.05707 12.2501 3.94514 12.2501 3.80707H11.7501ZM12.2501 6.19293C12.2501 6.05486 12.1381 5.94293 12.0001 5.94293C11.862 5.94293 11.7501 6.05486 11.7501 6.19293H12.2501ZM11.7501 7C11.7501 7.13807 11.862 7.25 12.0001 7.25C12.1381 7.25 12.2501 7.13807 12.2501 7H11.7501ZM14 5.25C14.1381 5.25 14.25 5.13807 14.25 5C14.25 4.86193 14.1381 4.75 14 4.75V5.25ZM13.1929 4.75C13.0549 4.75 12.9429 4.86193 12.9429 5C12.9429 5.13807 13.0549 5.25 13.1929 5.25V4.75ZM10.8071 5.25C10.9451 5.25 11.0571 5.13807 11.0571 5C11.0571 4.86193 10.9451 4.75 10.8071 4.75V5.25ZM10.0001 4.75C9.86198 4.75 9.75005 4.86193 9.75005 5C9.75005 5.13807 9.86198 5.25 10.0001 5.25V4.75ZM11.7501 14.5C11.7501 14.6381 11.862 14.75 12.0001 14.75C12.1381 14.75 12.2501 14.6381 12.2501 14.5H11.7501ZM12.2501 8.57767C12.2501 8.4396 12.1381 8.32767 12.0001 8.32767C11.862 8.32767 11.7501 8.4396 11.7501 8.57767H12.2501ZM14.2073 14.3515C14.1253 14.4625 14.1488 14.6191 14.2599 14.7011C14.3709 14.7831 14.5275 14.7596 14.6095 14.6485L14.2073 14.3515ZM13 7.25C12.8619 7.25 12.75 7.36193 12.75 7.5C12.75 7.63807 12.8619 7.75 13 7.75V7.25ZM17.936 8.81689C17.7987 8.80239 17.6756 8.90194 17.6611 9.03925C17.6466 9.17655 17.7461 9.29962 17.8834 9.31413L17.936 8.81689ZM17.1509 14.2832C17.0615 14.3884 17.0743 14.5461 17.1795 14.6355C17.2848 14.7249 17.4425 14.7121 17.5319 14.6069L17.1509 14.2832ZM9.39058 14.6485C9.47262 14.7596 9.62915 14.7831 9.74021 14.7011C9.85127 14.6191 9.8748 14.4625 9.79276 14.3515L9.39058 14.6485ZM11 7.75C11.1381 7.75 11.25 7.63807 11.25 7.5C11.25 7.36193 11.1381 7.25 11 7.25V7.75ZM6.11665 9.31413C6.25396 9.29962 6.35351 9.17655 6.339 9.03925C6.3245 8.90194 6.20143 8.80239 6.06412 8.81689L6.11665 9.31413ZM6.46817 14.6069C6.55757 14.7121 6.71534 14.725 6.82056 14.6355C6.92578 14.5461 6.9386 14.3884 6.8492 14.2832L6.46817 14.6069ZM7.00005 16.75H17V16.25H7.00005V16.75ZM7.00005 18.75H17V18.25H7.00005V18.75ZM11.7501 3V3.80707H12.2501V3H11.7501ZM11.7501 6.19293V7H12.2501V6.19293H11.7501ZM14 4.75H13.1929V5.25H14V4.75ZM10.8071 4.75H10.0001V5.25H10.8071V4.75ZM12.2501 14.5V8.57767H11.7501V14.5H12.2501ZM14.4084 7.75C14.7821 7.75 15.2907 7.96261 15.7111 8.36755C16.1256 8.76678 16.4294 9.32971 16.4294 10H16.9294C16.9294 9.17029 16.5519 8.48322 16.058 8.00745C15.57 7.53739 14.9431 7.25 14.4084 7.25V7.75ZM16.4294 10C16.4294 10.6919 16.2044 11.3369 15.8103 12.0341C15.4134 12.7365 14.8574 13.4715 14.2073 14.3515L14.6095 14.6485C15.2504 13.781 15.8298 13.0159 16.2456 12.2802C16.6643 11.5393 16.9294 10.8081 16.9294 10H16.4294ZM14.4084 7.25H13V7.75H14.4084V7.25ZM17.8834 9.31413C18.1097 9.33803 18.3804 9.50754 18.5868 9.82867C18.7895 10.1441 18.9157 10.5871 18.8606 11.1087L19.3578 11.1612C19.4245 10.53 19.2735 9.9724 19.0074 9.55832C18.7449 9.14998 18.3549 8.86116 17.936 8.81689L17.8834 9.31413ZM18.8606 11.1087C18.7472 12.1814 18.2046 13.043 17.1509 14.2832L17.5319 14.6069C18.5959 13.3547 19.2276 12.3939 19.3578 11.1612L18.8606 11.1087ZM9.59167 7.25C9.05698 7.25 8.4301 7.53739 7.94211 8.00745C7.44818 8.48322 7.0707 9.17029 7.0707 10H7.5707C7.5707 9.32971 7.87452 8.76678 8.28898 8.36755C8.70938 7.96261 9.21798 7.75 9.59167 7.75V7.25ZM7.0707 10C7.0707 10.8081 7.33576 11.5393 7.75447 12.2802C8.17028 13.0159 8.74974 13.781 9.39058 14.6485L9.79276 14.3515C9.14274 13.4715 8.58672 12.7365 8.18976 12.0341C7.7957 11.3369 7.5707 10.6919 7.5707 10H7.0707ZM9.59167 7.75H11V7.25H9.59167V7.75ZM6.06412 8.81689C5.64515 8.86116 5.25517 9.14998 4.99271 9.55832C4.72656 9.97241 4.57562 10.53 4.6423 11.1612L5.13954 11.1087C5.08444 10.5871 5.21061 10.1441 5.41332 9.82867C5.61972 9.50754 5.89036 9.33803 6.11665 9.31413L6.06412 8.81689ZM4.6423 11.1612C4.77253 12.3939 5.4042 13.3547 6.46817 14.6069L6.8492 14.2832C5.79551 13.043 5.25287 12.1814 5.13954 11.1087L4.6423 11.1612Z" fill="black"/>
</svg>

logo-simple-sort

CSS

@import "@dataforsyningen/icons/css/logo-simple-sort.css";

Brug i HTML:

<span class="ds-icon-logo-simple-sort"></span>

CSS custom property:

--ds-logo-simple-sort

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.75 14.5C11.75 14.6381 11.8619 14.75 12 14.75C12.1381 14.75 12.25 14.6381 12.25 14.5H11.75ZM7 15.75C6.86193 15.75 6.75 15.8619 6.75 16C6.75 16.1381 6.86193 16.25 7 16.25V15.75ZM17 16.25C17.1381 16.25 17.25 16.1381 17.25 16C17.25 15.8619 17.1381 15.75 17 15.75V16.25ZM7 16.75C6.86193 16.75 6.75 16.8619 6.75 17C6.75 17.1381 6.86193 17.25 7 17.25V16.75ZM17 17.25C17.1381 17.25 17.25 17.1381 17.25 17C17.25 16.8619 17.1381 16.75 17 16.75V17.25ZM7 17.75C6.86193 17.75 6.75 17.8619 6.75 18C6.75 18.1381 6.86193 18.25 7 18.25V17.75ZM17 18.25C17.1381 18.25 17.25 18.1381 17.25 18C17.25 17.8619 17.1381 17.75 17 17.75V18.25ZM12.25 3.36246C12.25 3.22439 12.1381 3.11246 12 3.11246C11.8619 3.11246 11.75 3.22439 11.75 3.36246H12.25ZM11.75 4.18123C11.75 4.3193 11.8619 4.43123 12 4.43123C12.1381 4.43123 12.25 4.3193 12.25 4.18123H11.75ZM12.25 5.81876C12.25 5.68068 12.1381 5.56876 12 5.56876C11.8619 5.56876 11.75 5.68068 11.75 5.81876H12.25ZM13.6376 5.25C13.7756 5.25 13.8876 5.13807 13.8876 5C13.8876 4.86193 13.7756 4.75 13.6376 4.75V5.25ZM12.8188 4.75C12.6807 4.75 12.5688 4.86193 12.5688 5C12.5688 5.13807 12.6807 5.25 12.8188 5.25V4.75ZM11.1812 5.25C11.3193 5.25 11.4312 5.13807 11.4312 5C11.4312 4.86193 11.3193 4.75 11.1812 4.75V5.25ZM10.3624 4.75C10.2244 4.75 10.1124 4.86193 10.1124 5C10.1124 5.13807 10.2244 5.25 10.3624 5.25V4.75ZM14.306 14.3423C14.2189 14.4494 14.2351 14.6069 14.3423 14.694C14.4494 14.7811 14.6068 14.7648 14.6939 14.6577L14.306 14.3423ZM17 9.25C16.8619 9.25 16.75 9.36193 16.75 9.5C16.75 9.63807 16.8619 9.75 17 9.75V9.25ZM16.8207 14.3258C16.7245 14.4248 16.7267 14.583 16.8258 14.6793C16.9248 14.7755 17.083 14.7733 17.1793 14.6742L16.8207 14.3258ZM9.30605 14.6577C9.39316 14.7648 9.55062 14.7811 9.65774 14.694C9.76487 14.6069 9.78109 14.4494 9.69399 14.3423L9.30605 14.6577ZM7 9.75C7.13807 9.75 7.25 9.63807 7.25 9.5C7.25 9.36193 7.13807 9.25 7 9.25V9.75ZM6.82073 14.6742C6.91697 14.7733 7.07524 14.7755 7.17425 14.6793C7.27326 14.583 7.2755 14.4248 7.17927 14.3258L6.82073 14.6742ZM12.25 14.5V9H11.75V14.5H12.25ZM7 16.25H17V15.75H7V16.25ZM7 17.25H17V16.75H7V17.25ZM7 18.25H17V17.75H7V18.25ZM11.75 3.36246V4.18123H12.25V3.36246H11.75ZM11.75 5.81876V6.63753H12.25V5.81876H11.75ZM13.6376 4.75H12.8188V5.25H13.6376V4.75ZM11.1812 4.75H10.3624V5.25H11.1812V4.75ZM12.1991 9.15114C12.337 8.96952 12.6883 8.6148 13.1873 8.30667C13.6844 7.99968 14.3101 7.75 15 7.75V7.25C14.1899 7.25 13.4735 7.54227 12.9246 7.88126C12.3775 8.21911 11.9788 8.61438 11.8009 8.84886L12.1991 9.15114ZM15 7.75C15.6894 7.75 16.1087 7.97595 16.3644 8.30791C16.6293 8.65179 16.75 9.14967 16.75 9.74691H17.25C17.25 9.09587 17.1207 8.4703 16.7605 8.00279C16.3912 7.52336 15.8106 7.25 15 7.25V7.75ZM16.75 9.74691C16.75 10.4354 16.5019 11.1429 16.0658 11.9058C15.6295 12.6691 15.0159 13.4692 14.306 14.3423L14.6939 14.6577C15.4051 13.7832 16.0415 12.9557 16.4999 12.1539C16.9585 11.3516 17.25 10.5563 17.25 9.74691H16.75ZM17 9.75C17.6305 9.75 18.0684 9.88597 18.3432 10.0982C18.6085 10.3031 18.75 10.6005 18.75 11H19.25C19.25 10.4672 19.0529 10.0145 18.6488 9.7025C18.2544 9.39785 17.6922 9.25 17 9.25V9.75ZM18.75 11C18.75 11.4023 18.5743 11.9233 18.2337 12.5114C17.8961 13.0941 17.4097 13.7198 16.8207 14.3258L17.1793 14.6742C17.7903 14.0456 18.3039 13.3876 18.6663 12.762C19.0257 12.1418 19.25 11.5301 19.25 11H18.75ZM12.1991 8.84886C12.0212 8.61438 11.6225 8.21911 11.0754 7.88126C10.5265 7.54227 9.81013 7.25 9.00002 7.25V7.75C9.68991 7.75 10.3156 7.99968 10.8127 8.30667C11.3117 8.6148 11.663 8.96952 11.8009 9.15114L12.1991 8.84886ZM9.00002 7.25C8.18942 7.25 7.60876 7.52336 7.23946 8.00279C6.87935 8.4703 6.75002 9.09587 6.75002 9.74691H7.25002C7.25002 9.14967 7.37069 8.65179 7.63557 8.30791C7.89128 7.97595 8.31062 7.75 9.00002 7.75V7.25ZM6.75002 9.74691C6.75002 10.5563 7.04146 11.3516 7.50008 12.1539C7.95845 12.9557 8.5949 13.7832 9.30605 14.6577L9.69399 14.3423C8.98408 13.4692 8.37053 12.6691 7.93416 11.9058C7.49806 11.1429 7.25002 10.4354 7.25002 9.74691H6.75002ZM7 9.25C6.30777 9.25 5.74564 9.39785 5.35116 9.7025C4.94714 10.0145 4.75 10.4672 4.75 11H5.25C5.25 10.6005 5.39149 10.3031 5.65678 10.0982C5.93162 9.88597 6.36948 9.75 7 9.75V9.25ZM4.75 11C4.75 11.5301 4.97434 12.1418 5.33368 12.762C5.69609 13.3876 6.20969 14.0456 6.82073 14.6742L7.17927 14.3258C6.59031 13.7198 6.10391 13.0941 5.76632 12.5114C5.42566 11.9233 5.25 11.4023 5.25 11H4.75ZM12.7 7.58751C12.7 7.97411 12.3866 8.28751 12 8.28751V8.78751C12.6628 8.78751 13.2 8.25025 13.2 7.58751H12.7ZM12 8.28751C11.6134 8.28751 11.3 7.97411 11.3 7.58751H10.8C10.8 8.25025 11.3373 8.78751 12 8.78751V8.28751ZM11.3 7.58751C11.3 7.2009 11.6134 6.88753 12 6.88753V6.38753C11.3372 6.38753 10.8 6.92478 10.8 7.58751H11.3ZM12 6.88753C12.3866 6.88753 12.7 7.20093 12.7 7.58751H13.2C13.2 6.92475 12.6627 6.38753 12 6.38753V6.88753Z" fill="black"/>
</svg>

logo-simple

CSS

@import "@dataforsyningen/icons/css/logo-simple.css";

Brug i HTML:

<span class="ds-icon-logo-simple"></span>

CSS custom property:

--ds-logo-simple

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.75 14.5C11.75 14.6381 11.8619 14.75 12 14.75C12.1381 14.75 12.25 14.6381 12.25 14.5H11.75ZM7 15.75C6.86193 15.75 6.75 15.8619 6.75 16C6.75 16.1381 6.86193 16.25 7 16.25V15.75ZM17 16.25C17.1381 16.25 17.25 16.1381 17.25 16C17.25 15.8619 17.1381 15.75 17 15.75V16.25ZM7 16.75C6.86193 16.75 6.75 16.8619 6.75 17C6.75 17.1381 6.86193 17.25 7 17.25V16.75ZM17 17.25C17.1381 17.25 17.25 17.1381 17.25 17C17.25 16.8619 17.1381 16.75 17 16.75V17.25ZM7 17.75C6.86193 17.75 6.75 17.8619 6.75 18C6.75 18.1381 6.86193 18.25 7 18.25V17.75ZM17 18.25C17.1381 18.25 17.25 18.1381 17.25 18C17.25 17.8619 17.1381 17.75 17 17.75V18.25ZM12.25 3.36246C12.25 3.22439 12.1381 3.11246 12 3.11246C11.8619 3.11246 11.75 3.22439 11.75 3.36246H12.25ZM11.75 4.18123C11.75 4.3193 11.8619 4.43123 12 4.43123C12.1381 4.43123 12.25 4.3193 12.25 4.18123H11.75ZM12.25 5.81876C12.25 5.68068 12.1381 5.56876 12 5.56876C11.8619 5.56876 11.75 5.68068 11.75 5.81876H12.25ZM13.6376 5.25C13.7756 5.25 13.8876 5.13807 13.8876 5C13.8876 4.86193 13.7756 4.75 13.6376 4.75V5.25ZM12.8188 4.75C12.6807 4.75 12.5688 4.86193 12.5688 5C12.5688 5.13807 12.6807 5.25 12.8188 5.25V4.75ZM11.1812 5.25C11.3193 5.25 11.4312 5.13807 11.4312 5C11.4312 4.86193 11.3193 4.75 11.1812 4.75V5.25ZM10.3624 4.75C10.2244 4.75 10.1124 4.86193 10.1124 5C10.1124 5.13807 10.2244 5.25 10.3624 5.25V4.75ZM14.306 14.3423C14.2189 14.4494 14.2351 14.6069 14.3423 14.694C14.4494 14.7811 14.6068 14.7648 14.6939 14.6577L14.306 14.3423ZM17 9.25C16.8619 9.25 16.75 9.36193 16.75 9.5C16.75 9.63807 16.8619 9.75 17 9.75V9.25ZM16.8207 14.3258C16.7245 14.4248 16.7267 14.583 16.8258 14.6793C16.9248 14.7755 17.083 14.7733 17.1793 14.6742L16.8207 14.3258ZM9.30605 14.6577C9.39316 14.7648 9.55062 14.7811 9.65774 14.694C9.76487 14.6069 9.78109 14.4494 9.69399 14.3423L9.30605 14.6577ZM7 9.75C7.13807 9.75 7.25 9.63807 7.25 9.5C7.25 9.36193 7.13807 9.25 7 9.25V9.75ZM6.82073 14.6742C6.91697 14.7733 7.07524 14.7755 7.17425 14.6793C7.27326 14.583 7.2755 14.4248 7.17927 14.3258L6.82073 14.6742ZM12.25 14.5V9H11.75V14.5H12.25ZM7 16.25H17V15.75H7V16.25ZM7 17.25H17V16.75H7V17.25ZM7 18.25H17V17.75H7V18.25ZM11.75 3.36246V4.18123H12.25V3.36246H11.75ZM11.75 5.81876V6.63753H12.25V5.81876H11.75ZM13.6376 4.75H12.8188V5.25H13.6376V4.75ZM11.1812 4.75H10.3624V5.25H11.1812V4.75ZM12.1991 9.15114C12.337 8.96952 12.6883 8.6148 13.1873 8.30667C13.6844 7.99968 14.3101 7.75 15 7.75V7.25C14.1899 7.25 13.4735 7.54227 12.9246 7.88126C12.3775 8.21911 11.9788 8.61438 11.8009 8.84886L12.1991 9.15114ZM15 7.75C15.6894 7.75 16.1087 7.97595 16.3644 8.30791C16.6293 8.65179 16.75 9.14967 16.75 9.74691H17.25C17.25 9.09587 17.1207 8.4703 16.7605 8.00279C16.3912 7.52336 15.8106 7.25 15 7.25V7.75ZM16.75 9.74691C16.75 10.4354 16.5019 11.1429 16.0658 11.9058C15.6295 12.6691 15.0159 13.4692 14.306 14.3423L14.6939 14.6577C15.4051 13.7832 16.0415 12.9557 16.4999 12.1539C16.9585 11.3516 17.25 10.5563 17.25 9.74691H16.75ZM17 9.75C17.6305 9.75 18.0684 9.88597 18.3432 10.0982C18.6085 10.3031 18.75 10.6005 18.75 11H19.25C19.25 10.4672 19.0529 10.0145 18.6488 9.7025C18.2544 9.39785 17.6922 9.25 17 9.25V9.75ZM18.75 11C18.75 11.4023 18.5743 11.9233 18.2337 12.5114C17.8961 13.0941 17.4097 13.7198 16.8207 14.3258L17.1793 14.6742C17.7903 14.0456 18.3039 13.3876 18.6663 12.762C19.0257 12.1418 19.25 11.5301 19.25 11H18.75ZM12.1991 8.84886C12.0212 8.61438 11.6225 8.21911 11.0754 7.88126C10.5265 7.54227 9.81013 7.25 9.00002 7.25V7.75C9.68991 7.75 10.3156 7.99968 10.8127 8.30667C11.3117 8.6148 11.663 8.96952 11.8009 9.15114L12.1991 8.84886ZM9.00002 7.25C8.18942 7.25 7.60876 7.52336 7.23946 8.00279C6.87935 8.4703 6.75002 9.09587 6.75002 9.74691H7.25002C7.25002 9.14967 7.37069 8.65179 7.63557 8.30791C7.89128 7.97595 8.31062 7.75 9.00002 7.75V7.25ZM6.75002 9.74691C6.75002 10.5563 7.04146 11.3516 7.50008 12.1539C7.95845 12.9557 8.5949 13.7832 9.30605 14.6577L9.69399 14.3423C8.98408 13.4692 8.37053 12.6691 7.93416 11.9058C7.49806 11.1429 7.25002 10.4354 7.25002 9.74691H6.75002ZM7 9.25C6.30777 9.25 5.74564 9.39785 5.35116 9.7025C4.94714 10.0145 4.75 10.4672 4.75 11H5.25C5.25 10.6005 5.39149 10.3031 5.65678 10.0982C5.93162 9.88597 6.36948 9.75 7 9.75V9.25ZM4.75 11C4.75 11.5301 4.97434 12.1418 5.33368 12.762C5.69609 13.3876 6.20969 14.0456 6.82073 14.6742L7.17927 14.3258C6.59031 13.7198 6.10391 13.0941 5.76632 12.5114C5.42566 11.9233 5.25 11.4023 5.25 11H4.75ZM12.7 7.58751C12.7 7.97411 12.3866 8.28751 12 8.28751V8.78751C12.6628 8.78751 13.2 8.25025 13.2 7.58751H12.7ZM12 8.28751C11.6134 8.28751 11.3 7.97411 11.3 7.58751H10.8C10.8 8.25025 11.3373 8.78751 12 8.78751V8.28751ZM11.3 7.58751C11.3 7.2009 11.6134 6.88753 12 6.88753V6.38753C11.3372 6.38753 10.8 6.92478 10.8 7.58751H11.3ZM12 6.88753C12.3866 6.88753 12.7 7.20093 12.7 7.58751H13.2C13.2 6.92475 12.6627 6.38753 12 6.38753V6.88753Z" fill="#0097A7"/>
</svg>