Index: src/assets/img/cirkel-logo.svg
===================================================================
--- src/assets/img/cirkel-logo.svg	(revision cd69b6af6a5f870af80af6451e16daa8266722ab)
+++ src/assets/img/cirkel-logo.svg	(revision cd69b6af6a5f870af80af6451e16daa8266722ab)
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <defs>
+    <marker id="arrow" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
+      <path d="M0,0 L12,6 L0,12 Z" fill="white"/>
+    </marker>
+  </defs>
+
+  <circle cx="512" cy="512" r="420" fill="none" stroke="white" stroke-width="10"/>
+
+  <!-- nodes -->
+  <circle cx="300" cy="520" r="24" fill="white"/>
+  <circle cx="500" cy="510" r="28" fill="white"/>
+  <circle cx="670" cy="320" r="24" fill="white"/>
+  <circle cx="720" cy="610" r="24" fill="white"/>
+  <circle cx="400" cy="760" r="24" fill="white"/>
+
+  <!-- connections -->
+  <line x1="330" y1="520" x2="460" y2="510" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+  <line x1="520" y1="500" x2="640" y2="350" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+  <line x1="530" y1="520" x2="680" y2="600" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+  <line x1="690" y1="350" x2="710" y2="580" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+  <line x1="320" y1="550" x2="390" y2="720" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+  <line x1="420" y1="740" x2="690" y2="620" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+
+  <path d="M610 280 C480 260, 430 360, 460 480"
+        fill="none" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+
+  <path d="M710 340 C860 360, 860 700, 450 800"
+        fill="none" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+
+  <path d="M330 600 C480 660, 600 760, 720 650"
+        fill="none" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
+</svg>