source: Klonkt/src/assets/img/cirkel-logo.svg@ cd69b6a

main
Last change on this file since cd69b6a was cd69b6a, checked in by roboburr <roboburr@…>, 3 months ago

feat(circles): new network logo as header on the /cirkel page

Ring with asymmetric directed network (Robin's design) replaces the triangle
badge icon in the circles hero. currentColor (= accent colour, visible in both
light and dark), badge 60->112px. Standalone logo file in assets/img/cirkel-logo.svg.

Co-Authored-By: Claude <noreply@…>
  • Property mode set to 100644
File size: 1.6 KB
RevLine 
[cd69b6a]1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
2 <defs>
3 <marker id="arrow" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
4 <path d="M0,0 L12,6 L0,12 Z" fill="white"/>
5 </marker>
6 </defs>
7
8 <circle cx="512" cy="512" r="420" fill="none" stroke="white" stroke-width="10"/>
9
10 <!-- nodes -->
11 <circle cx="300" cy="520" r="24" fill="white"/>
12 <circle cx="500" cy="510" r="28" fill="white"/>
13 <circle cx="670" cy="320" r="24" fill="white"/>
14 <circle cx="720" cy="610" r="24" fill="white"/>
15 <circle cx="400" cy="760" r="24" fill="white"/>
16
17 <!-- connections -->
18 <line x1="330" y1="520" x2="460" y2="510" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
19 <line x1="520" y1="500" x2="640" y2="350" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
20 <line x1="530" y1="520" x2="680" y2="600" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
21 <line x1="690" y1="350" x2="710" y2="580" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
22 <line x1="320" y1="550" x2="390" y2="720" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
23 <line x1="420" y1="740" x2="690" y2="620" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
24
25 <path d="M610 280 C480 260, 430 360, 460 480"
26 fill="none" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
27
28 <path d="M710 340 C860 360, 860 700, 450 800"
29 fill="none" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
30
31 <path d="M330 600 C480 660, 600 760, 720 650"
32 fill="none" stroke="white" stroke-width="10" marker-end="url(#arrow)"/>
33</svg>
Note: See TracBrowser for help on using the repository browser.