@dataforsyningen/icons
Version:
A collection of icons og logo images that are part of the SDFI design system.
495 lines (413 loc) • 500 kB
HTML
<!doctype html>
<html lang="da" data-theme="light">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=yes">
<title>Design system ikoner og logoer</title>
<!-- Here is how to add the favicon -->
<link rel="icon" href="./logos/logo-simple-micro.svg">
<link rel="stylesheet" href="./css/designsystem.css">
<link rel="stylesheet" href="./css/logo-big.css">
<link rel="stylesheet" href="./css/logo-micro.css">
<style>
nav {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
gap: 1rem;
}
nav > a {
flex: 0 0 3rem;
text-align: center;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
nav > a:hover,
nav > a:active {
background-color: var(--lys-steel);
border-radius: 50%;
}
nav > a > svg {
width: 2rem;
height: 2rem;
}
article {
margin: 3rem 0;
padding-top: var(--space);
}
.icon-details > h2 {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.display-svg {
border: solid 1px var(--medium-steel);
border-radius: 2.5rem;
height: 4.5rem;
width: 4.5rem;
margin-right: var(--space);
margin-left: -1.25rem;
display: flex;
align-items: center;
justify-content: center;
}
code {
padding: 1.5rem 1rem;
background-color: var(--lys-steel);
display: block;
max-width: 100%;
overflow: auto;
}
.display-svg > svg {
height: auto;
width: 3rem;
}
#logo-big-hvid .display-svg,
a[href="#logo-big-hvid"] {
background-color: var(--mork-tyrkis);
}
a[href="#logo-big-hvid"] {
border-radius: 3rem;
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
flex: 0 0 3rem;
}
</style>
</head>
<body id="content-top">
<header data-theme="dark" id="header" style="margin-bottom: var(--typography-spacing-vertical);">
<div class="ds-container ds-padding">
<p class="ds-logo-responsive ds-logo-pull-left">
<strong>Dataforsyningen</strong>
<span>Styrelsen for Dataforsyning og Infrastruktur</span>
</p>
</div>
<div class="ds-container ds-padding" style="padding: 3rem 1rem;">
<h1 style="margin: 0;">Design System Icons</h1>
<p class="blockquote" style="margin: 0;">Implmentationer af SDFIs ikoner og logoer i CSS/SVG</p>
</div>
</header>
<main class="ds-container ds-padding">
<p>
Klik på et ikon for at se detaljer om det.<br>
<a href="#instructions">Kom i gang med at bruge <em>design system icons</em></a>
</p>
<h2>Ikoner</h2><nav>
<a href="#hentdata-icon-choose"><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>
</a>
<a href="#hentdata-icon-download"><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>
</a>
<a href="#hentdata-icon-exitsite"><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>
</a>
<a href="#hentdata-icon-get"><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>
</a>
<a href="#hentdata-icon-pending"><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>
</a>
<a href="#icon-question"><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>
</a>
<a href="#icon-arrow-double-down"><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></a>
<a href="#icon-arrow-double-left"><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></a>
<a href="#icon-arrow-double-right"><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></a>
<a href="#icon-arrow-double-up"><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></a>
<a href="#icon-arrow-down"><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>
</a>
<a href="#icon-arrow-left"><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>
</a>
<a href="#icon-arrow-right"><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>
</a>
<a href="#icon-arrow-single-down"><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></a>
<a href="#icon-arrow-single-left"><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></a>
<a href="#icon-arrow-single-right"><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></a>
<a href="#icon-arrow-single-up"><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></a>
<a href="#icon-arrow-up"><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>
</a>
<a href="#icon-besked"><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>
</a>
<a href="#icon-burgerbar"><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>
</a>
<a href="#icon-calendar"><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>
</a>
<a href="#icon-checkbox"><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>
</a>
<a href="#icon-clipboard"><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>
</a>
<a href="#icon-close"><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>
</a>
<a href="#icon-code"><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>
</a>
<a href="#icon-compass"><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>
</a>
<a href="#icon-copy"><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>
</a>
<a href="#icon-crosshair"><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>
</a>
<a href="#icon-document"><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>
</a>
<a href="#icon-doublecrosshair"><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>
</a>
<a href="#icon-drift"><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>
</a>
<a href="#icon-dropdown"><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>
</a>
<a href="#icon-edit"><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>
</a>
<a href="#icon-eye"><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>
</a>
<a href="#icon-faq"><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>
</a>
<a href="#icon-fullscreen"><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>
</a>
<a href="#icon-github"><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></a>
<a href="#icon-inbox"><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>
</a>
<a href="#icon-info"><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>
</a>
<a href="#icon-lock"><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>
</a>
<a href="#icon-mail"><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>
</a>
<a href="#icon-manual"><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>
</a>
<a href="#icon-minus"><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>
</a>
<a href="#icon-more"><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>
</a>
<a href="#icon-moremore"><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>
</a>
<a href="#icon-notification"><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>
</a>
<a href="#icon-ok"><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>
</a>
<a href="#icon-phone"><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>
</a>
<a href="#icon-plus"><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>
</a>
<a href="#icon-print"><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>
</a>
<a href="#icon-radiobutton"><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>
</a>
<a href="#icon-rotate"><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>
</a>
<a href="#icon-search"><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>
</a>
<a href="#icon-share"><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>
</a>
<a href="#icon-sortering"><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>
</a>
<a href="#icon-stack"><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>
</a>
<a href="#icon-support"><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>
</a>
<a href="#icon-thrash"><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>
</a>
<a href="#icon-token"><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>
</a>
<a href="#icon-users"><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>
</a>
<a href="#map-icon-adresse"><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>
</a>
<a href="#map-icon-download-gridvalg"><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>
</a>
<a href="#map-icon-download-listvalg"><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>
</a>
<a href="#map-icon-download-polygonareal"><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>
</a>
<a href="#map-icon-download-tegnetareal"><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>
</a>
<a href="#map-icon-findonmap"><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>
</a>
<a href="#map-icon-koordinater"><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>
</a>
<a href="#map-icon-move"><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>
</a>
<a href="#map-icon-nordpil"><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.8